ホバーイベントでスパムするときの要素の可視性に関する問題

Question

#HoverMeの上にカーソルを置くと、#hiddenが表示されます。解除すると、#hiddenは意図したとおりに消滅します。しかし、私がホバリング・アンホーバー・ホバー・アンハーバーで本当に速いスピードで「スパム」すると、次回ホバーで#HoverMeと呼ぶと、#hiddenが瞬時に消えるだけです。私はそれを台無しにタイマーループのいくつかの種類があると思いますか？それをどうやって防ぐのですか？いずれかを削除する

$("#HoverMe").hover(function() { 
    $("#hidden").show(); 
}, function() { 
    $("#hidden").delay(1000).fadeOut(); 
}); 

Answer 1

使用stop(true)は、次のいずれかを開始する前に、アニメーションをキューに登録：。

$("#HoverMe").hover(function() { 
 
    $("#hidden").stop(true).show(); 
 
}, function() { 
 
    $("#hidden").stop(true).delay(1000).fadeOut(); 
 
});

#hidden { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="HoverMe">Hover me</div> 
 
<div id="hidden">Not hidden!</div>