호버 기능이 작동하는 동안 호버

Question

동일한 div에서 마우스를 움직이면 div가 아래로 이동하거나 위로 움직이면 호버 효과가 두 번째로 (또는 그 이상) 발생합니다. 기능이 현재 작동하면 어떻게합니까? 마우스를 멀리 가져 가서 다시 마우스를 가리킬 때까지 다시 시작하면 안됩니까?

<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

당신은 jsfiddle here를 참조 (API) jQuery를 .stop()를 사용해야합니다.

당신이하고 싶은 것은 가리개 기능을 약간 변경하는 것입니다. .stop`에 .stop()

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