Javascript aprire chiudere toggle div. <alebal web Blog> | Appunti di PHP, MySql, javascript, Css, HTML, HTML5 e altro...

Un giochino javascript che permette, ad esempio di aprire, chiudere o toggle un div.

Usando solo Javascript, no jquery, no mootools, no angular, no dojo, un caz.. di niente... solo javascript.

<script type="text/javascript">
function Show(id){
if(document.getElementById)
document.getElementById(id).style.display="block";
}
function Hide(id){
if(document.getElementById)
document.getElementById(id).style.display="none";
}
function toggle(id) {
		if(document.getElementById(id).style.display == 'block')
			document.getElementById(id).style.display = 'none';
		else
			document.getElementById(id).style.display = 'block';
	}
</script>

Si usa cosi:

<div id="id1" style="display:none;">id1</div>
<div id="id2">id2</div>
<div id="id3">id3</div>

<a href="javascript:void(0)" onclick="Show('id1'); Hide('id2'); Toggle('id3'); return(false);">

In questo esempio su un link, ma può essere usato un pò ovunque.

So che è un giochino molto più semplice di quello che posto di solito, e che magari non c'era bisogno di scriverlo. Ma non mi ricordo mai dove l'ho usato l'ultima volta e ogni volta che mi serve divento cretino per trovarlo. Ora lo trovo qui...