a:hover klasse manuell zuweisen bzw. mit jQuery

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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
    Last edited by PHP_Pan; 03-07-2013, 19: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

    Comment

    Working...
    X