我自己的jQuery的手风琴

Question

嗨，我已经创建了下面的菜单结构：

<div id="menu"> 
<ul> 
<li><a href="#">Main Item1</a></li> 
<li><a href="#">Main Item2</a></li> 
<li><a href="#">Main Item3</a> 
    <ul> 
    <li><a href="#">SubItem for MainItem3</a></li> 
    <li><a href="#">2ndSub for MainItem3</a></li> 
    </ul> 
</li> 
<li><a href="#">Main Item4</a> 
    <ul> 
    <li><a href="#">SubItem for MainItem4</a></li> 
    <li><a href="#">2ndSub for MainItem4</a></li> 
    </ul> 
</li> 
</ul> 
</div> 

所以这是我的菜单结构。现在我想使用jQuery Latest来制作SlideUp/SlideDown效果。

我这样做是这样的：

$(document).ready(function(){ 
    $('#menu ul li:has(ul)').mouseenter(function(){   
       $('#menu ul li ul').slideDown('slow');        
    }).mouseleave(function(){ 
     $('#menu ul li ul').slideUp('slow'); 
    }); 
}); 

我第一次尝试鼠标悬停和鼠标移开，但是当我使用的功能，将鼠标悬停工作，当我想要去子，菜单滑动，但鼠标移出事件发生。现在，它的工作，但是当我徘徊，例如在主要项目3上，主要项目4中的子项目也在mouseout上打开和关闭？！？！如何仅说出来自例如主要项目3奥德主项目4

希望你明白我的意思吗？

感谢

Answer 1

$(function(){ 
    $('#menu ul li:has(ul)').hover(function(){     
      $(this).find('ul').slideDown('slow');               
    }, function(){ 
      $(this).find('ul').slideUp('slow'); 
    }); 
});