a:hover klasse manuell zuweisen bzw. mit jQuery

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • a:hover klasse manuell zuweisen bzw. mit jQuery

    Hallo bitte um Hilfe und danke fürs lesen
    HTML-Code:
    <div id="headmenu">
    <ul>
    <li id="menu-item-19" class="">
    <a href="http://localhost/Ganymed/">Ganymed Studio</a>
    <ul class="sub-menu" style="display: none;"> !!! Solange hier mousover !!! <ul>
    </li>
    </ul>
    </div>
    solange man sich mit der Maus auf der ul (innerhalb) der zweiten ul befindet,
    soll beim parent <a> der hover effect bestehen bleiben.
    + beim Mouseenter eintreten

    meine Versuche:
    Code:
    		$("#headmenu ul ul").hover(function(){
    			$(this).parent().toggleClass("hover");;
    });
    natürlich könnte ich ne eigene class dafür im css anlegen die
    den gleichen Inhalt wie die #headmenu li a:hover hat aber würde
    ich lieber die schon vorhandene nutzen.

    Viele Grüße

    Nachtrag :
    Hab gerade ne Seite gefunden wo ein Menue so aussieht d.h.
    wo solange der obere Nav-Punkt den hover Stil behält bi man das
    dropdown verlässt. http://www.mediaevent.de/ nur zum besser vorstellen
    weil mein webaccout noch nicht freigeschaltet ist.
    Hab den code durchsucht chek aber nicht wie die das da machen
    Zuletzt geändert von PHP_Pan; 03.07.2013, 20:45.

  • #2
    [erledigt] css3 Lösung

    Hab gesucht und gefunden:

    #headmenu li:hover > a

    ist meine Lösung ... so kann ich das umsetzten auch ganz ohne
    js und mit den transitions kann ich sogar dann die (bisher mit jQuery)
    umgesetzten Effekte in css schreiben.... sehr schön!

    aber tricky muss man erstma raffen das

    Kommentar

    Lädt...
    X