jquery - jquery show divはアニメーションを停止しません

Question

表示/非表示機能をカスタマイズしようとしています。div のロールオーバーでは、別の div スライドが下向きにトグルし、カーソルが親 div の上にある限りそのままになります。マウスが親 div の領域を離れると、セカンダリ div がスライドして戻ります。このコードはそれを行いますが、イベントごとに 1 回だけ行う必要があるのに、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();