ciao a tutti
ho un menu con dei link
link1
link2
link3
ogni link ha associato un div nella pagina tramite un ID
voglio che al click su questi link un javascript modifichi il dom facendo visualizzare il div associato al link e nascondendo eventuali altri div aperti in precedenza dagli altri link
avete qualche esempio?
riesco solo a trovare lo show/hide di un div ma non di div multipli
thx
penso di aver trovato.
posto l'html per i posteri
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>TEST</title>
<style type="text/css">
.text{display: none;width:300px;border: solid 1px lightblue;}
#text0{display: block;}
</style>
<script type="text/javascript">
/*
Global "swap" holder
Use value, null, if no layer initially visible
*/
var currLayerId = "text0";
function togLayer(id)
{
if(currLayerId) setDisplay(currLayerId, "none");
if(id)setDisplay(id, "block");
currLayerId = id;
}
function setDisplay(id,value)
{
var elm = document.getElementById(id);
elm.style.display = value;
}
</script>
</head>
<body>
text0
text1
text2
Show none
<div id="text0" class="text">Content of text0</div>
<div id="text1" class="text">Content of text1</div>
<div id="text2" class="text">Content of text2</div>
</body>
</html>
Permessi di invio
Rispondi quotando