Hallo chill!
Danke, aber wie macht man das?Wäre nett wenn du es mal kurz beschreiben könntest!
Ich fürchte, du wirst dein Menü umkodieren müssen. Mit CSS alleine wie bisher kommst du nicht mehr aus, nun kommt auch etwas Javascript ins Spiel. Schau mal unter SelfHTML unter den Stichpunkten Events, speziell onclick nach.
Auf die Schnelle ein vereinfachtes Beispiel:
<h1>Menü</h1>
<menu class="jsm1a">
<li><a href="#" onclick="return jsmoc(this);">Punkt 1 ></a>
<menu class="jsm1i">
<li><a href="seite11.htm">Punkt 1.1</a></li>
<li><a href="seite12.htm">Punkt 1.2</a></li>
<li><a href="#" onclick="return jsmoc(this);">Punkt 1.3 ></a>
<menu class="jsm1i">
<li><a href="seite131.htm">Punkt 1.3.1</a></li>
<li><a href="seite132.htm">Punkt 1.3.2</a></li>
</menu>
</li>
<li><a href="seite14.htm">Punkt 1.4</a></li>
</menu>
</li>
<li><a href="#" onclick="return jsmoc(this);">Punkt 2 ></a>
<menu class="jsm1i">
<li><a href="seite21.htm">Punkt 2.1</a></li>
</menu>
</li>
</menu>
<script type="text/javascript"><!--
function jsmoc(e) {
var n=e.parentNode.childNodes,i;
for(i=0;i<n.length;i++) {
if(n[i].nodeName.toLowerCase()=="menu")
n[i].className=(n[i].className=="jsm1i"?"jsm1a":"jsm1i");
}
return false;
}
--></script>
und das CSS dazu:
.jsm1a { display:block; }
.jsm1i { display:none; }
Du kannst anstelle des Tags <menu> auch normal <ul> oder <ol> nehmen, sieht genauso aus. Das Aussehen des Menüs kannst du per CSS an deine Wünsche anpassen.
Und wie man damit offene Menüpunkte wieder schließt, wenn man einen anderen Zweig anklickt, das wirst du in einem Selbstfindungskursus mit Hilfe von SelfHTML entdecken ;-)
Gruss
Heiko J.