.slideUp（）マウスを2秒間押した後

Question

スライドのものがありますが、マウスが.contentから2秒以上経過してから#content divをスライドさせたいだけです。しかし、私はそれらの2秒以内にあれば、私のマウスを戻すことができるようにしたい。ここにフィドル - http://jsfiddle.net/YZDGu/があります。

Answer 1

使用setTimeoutとclearTimeout：

Answer 2

あなたのフィドルhereをset/clearIntervalを使用して更新しました。

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/