2009-08-14 69 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