javascript - 下拉弹跳问题

Question

我有一个 Wordpress 网站，我想在其中添加一个带有子菜单的 jQuery 菜单。

这是 jQuery:

$(document).ready(function(){
   $('.menu > li').hover(function(){
      var position = $(this).position();
      $('.sub-menu', this).css('margin-left', position.left);
      $('.sub-menu', this).slideToggle('slow');
   });
});

我也在 JSFiddle 上设置了它:http://jsfiddle.net/K96mB/

问题是，如果您将鼠标悬停在链接上，子菜单会一次又一次地滑入和滑出，从而产生“弹跳效果”。我一直在尝试摆脱它，但不知道如何去做。

另外，有没有可能永远不会同时打开两个下拉菜单？

感谢所有帮助。

Answer 1

解决“弹跳”问题:

$('.sub-menu', this).stop().slideToggle('slow');

http://jsfiddle.net/DerekL/K96mB/1/

关于你说你不想同时打开两个下拉菜单，这是可能的，但我不认为你想要那样，因为第二个菜单必须等待第一个菜单关闭然后打开(滞后)。