Hallo zusammen,

wie bekomme ich es mit jQuery hin, dass bei einer mehrstufigen Navigation die übergeordneten Elemente einen aktiven Zustand bekommen, ? Damit man beim Navigieren die Übersicht nicht verliert.

Es geht um die Seite:
http://janazemke.de/dropd/index-navi.html

Wenn ich dort mit der Maus über
Bildungsgänge > Berufsausbildung > Duale Ausbildung > Infos
fahre, wie bekomme ich es hin, dass die Punkte von Bildungsgänge - Infos während des Navigierens aktiv angezeigt werden?

Gibt es da einen Befehl oder einen Weg dorthin?

Danke euch im Voraus.

Wie ich sehe, hast Du die Navigation per CSS gelöst.

Das ist jetzt natürlich bischen Tricky, da wenn Du eine JavaScript anpassung vornimmst, könnte Dein CSS die Änderung wieder überschreiben.

Probier es mal damit, das Du Deiner Sub Navigation die CSS Zuweist, die für den Aktivzustand zuständig ist.

Code

Habe ich in Deiner CSS Datei gefunden: 
#navi-add li a.active {color:#8C0009;} 
 
 
$('.meinSubNavi').on("mouseover",function(){ 
  $(this).addClass('a.active'); 
}); 

http://api.jquery.com/on/
http://api.jquery.com/addClass/

Vergiss bitte document.ready nicht.

Liebe Grüße,
abs

Es könnte auch rein über css gelöst werden, da Du den hover zustand für das Link-Element ja bereits erfasst hast, müsstest das nur noch ergänzen:

Code

#navi-add li a:hover 	{text-decoration:underline;color:#8C0009;} 

funzt natürlich nur wenn es nicht über Hintergrundbilder wie jetzt gelöst ist ;)

gruss
chris.w.