jquery - ホバー機能が動作中のホバー

Question

同じ div にマウスを移動すると、div が上下にスライドしている間に、ホバー効果が 2 回目 (またはそれ以上) 発生します。マウスを離してもう一度ホバーしますか? </p>

<div id="hover">Hover on me<div id="hidden">You hovered!!</div></div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

$(document).ready(function () {
$('#hover').show();
$('#hidden').hide();    
$('#hover').hover(function () {
    $('#hidden').slideDown(100);
    }, function () {
        $('#hidden').slideUp(100);
    });
});​

Answer 1

jQuery.stop() ( API ) を使用する必要があります。こちらの jsfiddleを参照してください。

やりたいことは、ホバー機能を少し変更することです。

加える.stop()

$('#hover').hover(
    function () {
        $('#hidden').slideDown(100);
    }, function () {
        $('#hidden').stop().slideUp(100);
    }
);