2009-08-14 13 views
0

Ich habe ein Menü (vertikales Menü) und ich möchte jedes der Uls zeigen, wenn die dds schweben, und wieder ausblenden, wenn mouseOut (zweite Funktion von .hover()), was das Beste sein wird einfachste Weg (ohne ein Plugin).vertikal Menu functunality mit jQuery

<dl class="lft-menubar"> 
<dt>Computers</dt> 
    <dd> 
     <ul class="slidedMenu"> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li> 
     <li>3rd level menu</li>   
     </ul> 
    </dd> 

Dank

Antwort

1
<script type="text/javascript"> 
$("dl.lft-menubar dd").hover(function() { 
$(this).next().show(); 
},function() { 
$(this).next().hide(); 
}); 
</script> 

so etwas versuchen. :)

+0

Danke, aber der folgende Code ist korrekt (gemäß dem Beispiel HTML) $ ("dd"). Schweben ( function() { \t $ (this) .children ("ul"). show(); \t return false \t}, function() { \t $ (this) .children ("ul") hide() \t}). – adardesign

+1

Mein Fehler. Ich habe aus irgendeinem Grund die Beziehung zwischen dem

und dem
betrachtet. Froh, dass du es herausgefunden hast :) – Salty

+0

Übrigens, wie füge ich das Ereignis als Parameter hinzu? mit dem (e) in beiden Funktionen? $ ("dd") .Hover (Funktion (e) {$ (this) .Kinder ("ul"). Show(); Rückgabe false}, Funktion (e) {$ (this) .Kinder ("ul ") .hide()}) – adardesign