[ERLEDIGT] Parent-Element auf hover-State halten

[Kev95]

Hallo,

ich wüsste gerne ob es eine Möglichkeit in meiner Navi das Parent-Element auf dem hover-State zu halten.
Auch dann wenn man mit dem Mauszeiger auf das Child-Element "runterfährt".

Schaut euch die Navi mal an, Menüpunkt 3 ist betroffen. ;)
Edit: Ich hab doch glatt den Link vergessen.

Danke schonmal!

Gruß,
Kevin

-------
Jetzt hab ich erst den Link vergessen und dann noch ins falsche Forum gepostet.
Sonntag Mittag was ist nur los mit mir...

 

[Tronjer]

Zum Beispiel, in dem du beim Hovern durch den DOM traversierst und etwas mit dem Parent-Element machst.

$('.navsub li a').mouseover(function() {
    var foo = $(this).closest('.item');
    // tu was mit foo
});

 

[Kev95]

Also geht es ohne js vermutlich nicht?

 

[djheke]

Naklar geht es mit CSS

#navi { li:hover ul; }

 

[threadi]

Ähm, du meinst eher

#navi li:hover ul { /* hier die Eigenschaften hin */ }

 

[Kev95]

Ähm, du meinst eher

#navi li:hover ul { /* hier die Eigenschaften hin */ }

Das führt aber nicht zu dem Effekt den ich brauche.
Damit kann ich zwar die Subnavigation ausklappen aber das geht ja schon.

Mir geht es darum das der hover-Effekt auf dem Menüpunkt "Service" auch dann bleibt wenn ich den Mauszeiger runter in die Subnavigation bewege.

 

[djheke]

Ähm, du meinst eher

#navi li:hover ul { /* hier die Eigenschaften hin */ }

Ja, natürlich. Sorry.

Das führt aber nicht zu dem Effekt

jA GENAU SO FUNKTIONIERT ES.

 

[threadi]

Mir geht es darum das der hover-Effekt auf dem Menüpunkt "Service" auch dann bleibt wenn ich den Mauszeiger runter in die Subnavigation bewege.

Wenn Du z.B. das Submenü per

#navi li:hover ul { display: block; }

einblendest, bleibt das Untermenü auch offen solange die Maus sich in diesem bewegt.

Wenn es bei dir nicht klappt, zeig mal deinen dazugehörigen HTML-Code.

Unabhängig davon geht es hier um Gestaltung, also CSS, weshalb ich das Topic gleich mal in den richtigen Bereich verschoben habe.

 

[djheke]

Ich bin zu Blöd.

#navi li:hover > a {background:#eee;}

Oder du guckst mal hier.
Vertikale Aufklapp-Navigation mit CSS

 

[Kev95]

Wenn Du z.B. das Submenü per

#navi li:hover ul { display: block; }

einblendest, bleibt das Untermenü auch offen solange die Maus sich in diesem bewegt.

Darum geht es mir doch garnicht bei meiner Frage.

Fahrt mal mit der Maus über "Home" man sieht den Hover-Effekt.
Jetzt fährt man über "Service", der Hover-Effekt kommt auch aber verschwindet sobald man ins Submenü fährt.
Ich hoffe man versteht jetzt was ich meine, ist nur eine Kleinigkeit aber ich hätte es gerne perfekt. ;)

 

[threadi]

Doch, genau darum ging es in deiner Frage. Falls wir irgendetwas falsch verstehen wäre vlt. ein Link zur Seite hilfreich, wo man sich das was Du meinst anschauen kann.

 

[Kev95]

Ich hab doch im ersten Post einen Link reingepackt.

 

[threadi]

Ah ok, jetzt gesehen. Jetzt verstehe ich auch, dass Du die Gestaltung des Hauptmenüpunkts meinst und nicht das Auf- und Zuklappen :)

Wenn Du statt

.nav .item:hover

schreibst

.nav li:hover .item

sollte es theoretisch klappen. Um Verwechslungen mit Untermenüpunkten auszuschließen könnte auch ein

.nav li:hover > .item

hilfreich sein.

 

[Kev95]

[COLOR=#333333].nav li:hover > .item[/COLOR]

Oh man da hätte ich auch drauf kommen können...
Danke dir!