Vertikale Navigation ein- bzw. ausblenden Problem

[scholva]

Hallo Zusammen,

da ich keine Ahnung habe, nach welchen Codes etc. ich suchen muss, schreibe ich mal mein Problem konrekt auf. Vllt. kann mir ja jmd. spontan helfen *hopefully*

Ich habe eine Navileiste als Liste in HTML definiert

Code: Alles auswählen

<ol id=navigation>
  <li><a href="abcde.html">Hauptnavi</a>
      <ol>
          <li><a href="fghi.html">Subnavi</a>
              <ol>
                 <li><a href="jklm.html">Subsubnavi 1</a></li>
                 <li><a href="nopq.html">Subsubnavi 2</a></li>
              </ol>
         </li>
     </ol></li></ol>


Ich habe meiner Navi schon beibringen können, dass die Subnavis verborgen werden sollen. Jedoch nicht, dass nachdem die Subnavi angeklickt ist, die Subsubnavis stehen bleiben (also nicht wieder verschwinden wie beim hover-Effekt).

Code: Alles auswählen

#navigation li ol {
    display:none;
}

#navingation li ol:hover> {
    display:block;
}

Hier ist dieser hover-Effekt... ich benötige aber einen Befehl, der den Subnavis klar macht, dass sie stehen bleiben soll. Die Lösung sollte möglichst ohne Java oder PHP vonstatten gehen, da ich davon keine Ahnung habe.

Hoffe ihr könnt helfen!

ScholVa

[sejuma]

Mir ist da keine reine CSS-Lösung bekannt, lediglich für den Fall, dass die Subnavi während des Hoverns sichtbar bleibt, siehe http://www.ohne-css.gehts-gar.net/0066.php
Falls dir das genügt und es klappt bei dir dennoch nicht, dann fehlen vielleicht die Spezialangaben für den IE 7.

[djheke]

hallo, habe mal ein bissel experimentiert und ein aufklappmenü mit anker realisiert. naja, ob es sinnvoll ist ?!. mit js wärs einfacher.

kannst ja mal gucken http://www.gipspferd.de/css/forum/ankermenuhrizontapull_V1.htm#htmlplus

p.s. vertikal geht auch

mfg

[djheke]

hier noch die vertikale version
http://www.gipspferd.de/css/forum/ankermenuvertikal.htm#zu

[scholva]

Hallo,

das letzte sieht gut aus, das werde ich gleich mal probieren. aber wie verhält sich das, wenn unter dem subpunkt noch einer befindet? gehe ich dann im css einfach noch einmal rein... also mit li etc.? oder benötigt dies dann eine extra box?

danke schon mal.

lieben gruß
scholva

[scholva]

ach ja, könnt ihr mir sagen, wie das gleiche mit java funktionieren würde? vllt. geht das für mich als newbie ja doch ganz leicht??!

[djheke]

schau mal hier. http://www.gipspferd.de/javascript/javacriptpullmenu.htm
da ich kein js experte bin (anfänger), kann dir sicher eine anderer weiterhelfen um das ganze noch zu verfeinern.für den anfang sollte es reichen.

mfg