Jquery .slideUp（）在鼠标退出2秒后

我有一个幻灯片，我只想在鼠标离开.content超过2秒后，将#content div向上滑动。但我想能够把我的鼠标放回去，如果它是在那2秒钟内。这是小提琴-。

使用set/clearInterval更新了小提琴

请参阅和。

使用set/clearInterval更新了您的小提琴

请参阅和。

添加延迟：

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

添加延迟：

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

---

使用

设置超时

和

清除超时

：

var slideTimer;

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

---

演示：

使用

setTimeout

和

cleartimout

：

var slideTimer;

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

---

演示：

这并不是我想要的，因为如果我把鼠标放出去一秒钟，然后再把它放回去，它就会滑起来，而这不是我想要的。@AndrewMilson更新了，包括检查鼠标是否被重新覆盖。这不是我想要的，因为如果我把鼠标放出去一秒钟，“然后把它放回去，它会向上滑动，这不是我想发生的事情。”AndrewMilson更新内容，包括检查鼠标是否被重新覆盖。