jquery - jquery show div不会停止动画

Question

我正在尝试自定义显示/隐藏功能。在一个 div 滚动时，另一个 div 滑动向下切换，只要光标在父 div 上，它就会保持这种状态。当鼠标离开父 div 的区域时，辅助 div 应该向上滑动。此代码执行此操作，但在 mouseenter 和 mouseout 上上下滑动多次，而它应该为每个事件只执行一次。有任何想法吗？谢谢。

$(document).ready(function()
{
    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').mouseenter(function()
    {
        $(".slidingDiv").slideToggle();
    });

    $('.show_hide').mouseout(function()
    {
        $(".slidingDiv").slideToggle();
    });
});

Answer 1

在每个动画之前使用stop(true) ，如下所示：

$(".slidingDiv").stop(true).slideToggle();

改用这个，让我知道它是否有效：

$(document).ready(function()
{
  $(".slidingDiv").hide();
  $(".show_hide").show();

  $('.show_hide').hover(
      function () {
         $(".slidingDiv").stop(true).slideToggle();
      },
      function() {
         $(".slidingDiv").stop(true).slideToggle();
      }
  );

});

检查jQuery hover()了解更多信息。

Answer 2

没关系，迈克打败了我。 https://stackoverflow.com/a/14698021/1933563

$(".slidingDiv").stop(true).slideToggle();