Jquery 在滑动的中间继续向下滑动

Jquery 在滑动的中间继续向下滑动 ,jquery,slidedown,slideup,Jquery,Slidedown,Slideup,所以。。。我正试图清理我的项目一点,有一个问题,希望解决。我有一个div,当悬停在上面时,向下滑动以显示站点导航菜单,当移出div时向上滑动。它工作得很好,但我唯一感到不安的是,如果我悬停在div上,让它开始向下滑动,然后退出,然后在它向上滑动时重新进入div,否则将显示隐藏菜单,直到排队的jquery操作完成。这是我的名片。代码看起来有点毛茸茸的,但你会明白的。我已经删除了尽可能多的代码,这样您就不必挖掘太多的内容来查找项目 我正在使用jquery1.9.1。理想情况下,我希望看到的是菜单从向

所以。。。我正试图清理我的项目一点,有一个问题,希望解决。我有一个div,当悬停在上面时,向下滑动以显示站点导航菜单,当移出div时向上滑动。它工作得很好,但我唯一感到不安的是,如果我悬停在div上,让它开始向下滑动,然后退出,然后在它向上滑动时重新进入div,否则将显示隐藏菜单,直到排队的jquery操作完成。这是我的名片。代码看起来有点毛茸茸的,但你会明白的。我已经删除了尽可能多的代码,这样您就不必挖掘太多的内容来查找项目


我正在使用jquery1.9.1。理想情况下,我希望看到的是菜单从向上滑动到向下滑动,而不完全完成slideup功能。有什么想法吗?

扩展和收缩
div
的代码如下:(可在JSFIDLE的html部分找到)

如果我们将
悬停在
li.下拉列表中,则

function(){ $(this).find('ul').stop().slideDown(2000);  } //Will execute.
因此,代码不包括“嵌套”动画

有很多方法可以解决这个问题,但我认为最漂亮的方法是:

function(){ $(this).find('ul').stop().slideUp(2000); } //Will execute

$('li.dropdown').hover(函数()
{
$(this.find('ul').stop().slideToggle(2000);
});
您可以在中找到一个工作示例


我希望这能回答您的问题。

扩展和收缩
div
的代码如下:(可在JSFIDLE的html部分找到)

如果我们将
悬停在
li.下拉列表中,则

function(){ $(this).find('ul').stop().slideDown(2000);  } //Will execute.
因此,代码不包括“嵌套”动画

有很多方法可以解决这个问题,但我认为最漂亮的方法是:

function(){ $(this).find('ul').stop().slideUp(2000); } //Will execute

$('li.dropdown').hover(函数()
{
$(this.find('ul').stop().slideToggle(2000);
});
您可以在中找到一个工作示例


我希望这能回答你的问题。

检查下面的我的答案检查我的答案below@ZachOxley:很高兴帮助你@扎克斯利:很高兴能帮助你!
  <script>
      $('li.dropdown').hover(function()
      {
         $(this).find('ul').stop().slideToggle(2000);
      });
  </script>