jquery清除动画队列

我有下面的代码，它工作得很好，可以查看一个例子。一旦用户将鼠标悬停在一个菜单上，除非刷新页面，否则不能再次将鼠标悬停在该菜单上。我觉得这和我的队列有关，我已经试过了。停止（）但似乎不起作用

<script type="text/javascript">
    $(document).ready(function() 
     {


        $('li').hover(function() 
        { 

                   $(this).children("p.subtext").stop().slideDown();            




            }, 

                function() 
                { 

                 $(this).children("p.subtext").stop().animate({height:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 

        }); 





    }); 
    </script> 

$（文档）.ready（函数（）
{
$（'li'）。悬停（函数（）
{ 
$（this.children（“p.subtext”）.stop（）.slideDown（）；
}, 
函数（）
{ 
$（this.children（“p.subtext”）.stop（）.animate（{height:'0px'}，{queue:false，duration:600，easeOutBounce}）
}); 
}); 

---

干杯

在这种情况下，请使用

.stop（true，true）

stop中的第一个参数指示它清除队列

编辑，针对您的队列问题：

$('li').hover(function() { 
  $(this).children("p.subtext").slideDown();            
}, function() { 
  $(this).children("p.subtext")
         .animate({height:'toggle'},{duration:600, easing: 'easeOutBounce'});
}); 

---

在这种情况下，请使用

.stop（true，true）

stop中的第一个参数指示它清除队列

编辑，针对您的队列问题：

$('li').hover(function() { 
  $(this).children("p.subtext").slideDown();            
}, function() { 
  $(this).children("p.subtext")
         .animate({height:'toggle'},{duration:600, easing: 'easeOutBounce'});
}); 

---

谢谢你忘了说我试过了，但没什么不同。@Elliott-你正在将动画设置为

0px

高度，使其保持在0像素高…因此没有什么可以向左展开的，尝试将

0px

更改为

toggle

Argh right，这对菜单中的一项有效，你可以在上面的链接上看到它。再次感谢编辑-当您将鼠标悬停在它们上面几次时，它们似乎停止工作。@Elliott-这是由于在动画中使用stop和

queue:false时高度被切断的结果，请删除该选项以消除隐藏，并用完整代码更新答案。谢谢，效果很好，我只需添加。stop（）所以当你在它上面盘旋数百万次时，它就不会乱了。非常感谢：）谢谢，我忘了说我试过了，但没有什么不同。@Elliott-你正在将动画设置为
0px
高度，这使它保持在0像素高…所以没有什么可以向左展开的，试着将
0px
切换为
右侧，这可以工作，但只适用于菜单中的一项，你可以在上面的链接上看到它。再次感谢编辑-当您将鼠标悬停在它们上面几次时，它们似乎停止工作。@Elliott-这是由于在动画中使用stop和
queue:false时高度被切断的结果，请删除该选项以消除隐藏，并用完整代码更新答案。谢谢，效果很好，我只需添加。stop（）所以当你在它上面盘旋数百万次时，它就不会乱了。非常感谢：）