.slideUp() после того, как мышь отсутствовала в течение 2 секунд

Question

У меня есть предмет слайда, и я хочу, чтобы div #content скользил вверх после того, как мышь была вне .content более 2 секунд. но я хочу, чтобы моя мышь вернулась, если она находится за эти 2 секунды. Вот скрипка - http://jsfiddle.net/YZDGu/.

Answer 1

Использование setTimeout и clearTimeout:

var slideTimer; 

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

Демо: http://jsfiddle.net/GFpHH/

Answer 2

Обновлена ​​ваша скрипка here с использованием set/clearInterval.

См. setInterval и clearInterval.

Answer 3

Добавить задержку:

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