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...

Google Digg Reddit Tumblr Pinterest StumbleUpon Email

Rating: 5 out of 5 by 733 visitors

Leave your comment