2009-08-14 46 views
0

我有一個菜單(垂直菜單),我希望每個UI的顯示時,懸停的dd,並隱藏回mouseOut(第二個.hover()函數)什麼將是最好的最簡單的方法(沒有插件)。垂直菜單功能與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> 

感謝

回答

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

嘗試類似的東西。 :)

+0

謝謝,但下面的代碼是更正確的(根據實施例的HTML) $( 「DD」)。懸停( 函數(){ \t $(本)。兒童( 「UL」)。顯示(); \t回假 \t}, 功能(){ \t $(本)。兒童( 「UL」)隱藏() \t})。 – adardesign 2009-08-14 14:09:04

+1

我的錯誤。出於某種原因,我正在關注

之間的關係。很高興你想通了:) – Salty 2009-08-14 20:28:27

+0

順便說一句,我如何添加事件作爲參數? (e)在兩個函數中? (函數(e){$(this).children(「ul」)。show();返回false},函數(e){$(this).children(「ul 「).hide()}) – adardesign 2009-08-16 14:39:51