.slideUp() 마우스를 2 초 동안 끈 후에

Question

나는 슬라이드가 있습니다. 마우스가 .content에서 2 초 이상 벗어난 후에 만 ​​#content div가 위로 움직이기를 원합니다. 하지만 2 초 안에 있다면 마우스를 되돌릴 수 있기를 원합니다. 여기는 바이올린입니다 - http://jsfiddle.net/YZDGu/.

Answer 1

사용 setTimeout 및 clearTimeout :

Answer 2

set/clearInterval을 사용하여 here을 업데이트했습니다.

setInterval 및 clearInterval을 참조하십시오.

$(".container").hover(function(){ 
     $(".container #content").slideDown(); 
},function(){ 
     $(".container #content").delay(2000).slideUp(); 
}); 

Answer 3

지연을 추가

var slideTimer; 

$(".container").hover(function(){ 
    $('#content').slideDown(); 
    clearTimeout(slideTimer); 
},function(){ 
    slideTimer = setInterval(function() { 
     $('#content').slideUp(); 
    }, 2000); 
}); 

데모 : 난 내 마우스를 놓으면 때문에 내가 원하는 정확히하지 http://jsfiddle.net/GFpHH/