jquery - jquery防止循环

Question

我有一个悬停向下滑动面板，鼠标离开时需要延迟。就像我现在拥有的一样，悬停触发器会导致多个循环，因此面板会上下疯狂。这是代码：

 $(document).ready(function(){
(function(){
  var trigger = $('li.HotelPaneltrigger');
  var panel = trigger.find('.panel').hide();
    trigger.mouseenter(function(){panel.slideDown('slow');}).mouseleave(function(){panel.slideUp('slow');});
 })();
});

我试过这个没有成功： $(this).mouseleave(function () {
$(this).delay('500')panel.slideUp('slow');

Answer 1

我不确定我是否正确，但我认为调用.stop()会为你做这件事。

panel.stop(true, true).slideDown('slow');

和

panel.stop(true, true).delay(500).slideUp('slow');

参考：.stop()

Answer 2

在你的和事件.stop(true,true)之前添加一个应该可以解决你的问题，我想不到。slideDownslideUp