Dynamisches Menue, was muss ich ändern?

[gerry1982]

Hallo,
ich habe hier ein dynamisches Menue das auch funktioniert.
Nun habe ich nur das Problem, dass sich die Untermenüs immer wieder einfahren wenn ich auf einen Untermenüpunkt klicke. Was muss ich ändern damit die Untermenüs ausgefahren bleiben?



<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>



<dl id="menu">
<dt onclick="javascript:montre();"><a href="index.php">Startseite</a></dt>
<dt onclick="javascript:montre();"><a href="?page_id=2">Termine</a></dt>
<dt onclick="javascript:montre('smenu2');"><a href="#">Media</a></dt>
<dd id="smenu2">
<ul>
<li><a href="?page_id=13">Musik</a></li>
<li><a href="#">Videos</a></li>
<li><a href="?page_id=15">Fotos</a></li>
<li><a href="#">Lyrics</a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="?page_id=8">Band</a></dt>
<dt onclick="javascript:montre('smenu3');"><a href="#">Presse/Booking</a></dt>
<dd id="smenu3">
<ul>
<li><a href="?page_id=21">Biographie</a></li>
<li><a href="?page_id=23">Discographie</a></li>
<li><a href="?page_id=25">Pressefotos</a></li>
<li><a href="?page_id=27">Technical Rider</a></li>
<li><a href="?page_id=29">Bandlogo</a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="?page_id=31">Kontakt</a></dt>
<dt onclick="javascript:montre();"><a href="?page_id=33">Links</a></dt>
<dt onclick="javascript:montre();"><a href="?page_id=35">Gästebuch</a></dt>
</dl>

 

[gerry1982]

Hmm, kann mir keiner einen kleinen Tipp geben? :-?

 

[threadi]

Da eine neue Seite geladen wir wenn du auf einen Link klickst müsstest Du dieses per CSS einblenden. Wenn du also z.B. Biografie anklickst müsstest Du dort display auf "block" setzen:

<dd id="smenu3" style="display: block;">

geht besser sogar über eine CSS-Klasse