Hallo Leute
Ich komme mit meinem aufklappbaren vertikalen Menü nicht weiter..
Ich habe in CSS mit :active schon geschafft, dass es angezeigt wird, sobald ich mit der Maus auf den Überpunkt klicke, es dann aber wieder verschwindet sobald ich die Maus loslasse. Ich möchte aber, dass das Untermenü auch nach dem Klicken so lange geöffnet bleibt, bis ich einen anderen Oberpunkt auswähle. Wenn ich das richtig verstanden habe benötige ich dafür javascript.
mein bisheriger html code:
...
<body>
<div id="menu">
<nav>
<a href="home.htm" target="Hauptframe">Home</a>
<div id="unter-menue">
<a href="wanderwege.htm" onClick="javascript:menueinblendung("Wanderwege") "target="Hauptframe">Wanderwege</a>
<ul>
<li><a href="wanderweg1.htm" target="Hauptframe">Wanderweg 1</a></li>
<li><a href="wanderweg2.htm" target="Hauptframe">Wanderweg 2</a></li>
<li><a href="wanderweg3.htm" target="Hauptframe">Wanderweg 3</a></li>
</ul>
</div>
<a href="wir_ueber_uns.htm" target="Hauptframe">Wir über uns</a>
</nav>
</div>
</body>
...
Alles anzeigen
in css hab ich außer den anderen Formatierungen diesbezüglich nur das stehen um das Untermenü erstmal standardmäßig zu verstecken:
#unter-menue ul{
display:none;
}
dazu hab ich mir aus dem Forum folgendes abgeschaut: (im head)
<script type="text/javascript">
function menueinblendung(Name)
{
var i = document.getElementById? 1:0;
if(i)
{document.getElementById(Name).style.display="block"
}
}
</script>
Alles anzeigen
ich kann leider kein javascript aber andere Versuche von mir waren auch:
<script type="text/javascript">
function menueinblendung(Name)
{
#unter-menue ul{
display:block;
}
}
</script>
oder ähnliches.
Leider funktioniert das so nicht.
Kann mir jemand eine ganz einfache Lösung für mein Problem sagen?
Danke schonmal