Effelog

Ecco un banalissimo script che permette di mostrare e nascondere, con un clic, un blocco div, mediante l'uso di Javascript.
Un esempio di codice html, per il div da nascondere, è il seguente:

Ciao...
<div id="testo" style="display:none;">
	...mondo!
</div>
<a href="javascript:mostra(1)">Mostra testo</a>
<a href="javascript:mostra(0)">Nascondi testo</a>

Come intuibile la parte fuori dal div sarà sempre visibile, mentre quella interna risulterà inizialmente nascosta a causa della proprietà style="display:none;".

Il semplice script da inserire nel blocco head della pagina è il seguente:

<script language="text/javascript">
<!--
function mostra(par)
{
	var stato = par?"block":"none";
	document.getElementById("testo").style.display=stato;
}
//-->
</script>

Cliccando sui link potrete mostrare e nascondere il div a seconda del parametro passato alla funzione, con 1 il div viene mostrato, mentre con 0 viene nascosto.