向下滑动并向上滑动不同的div

Question

我有一个名为first的div，另一个名为second的div，都是独立的div。我需要的是当用户的鼠标首先悬停在div上时能够向下滑动div，并且如果用户那么保持这种方式正在盘旋在div秒之上，否则向上滑动div秒。

$("#first").hover(function(e)
{
    $("#second").slideDown(1000);
},function(e){
    $("#second").slideUp(1000);
});

这是我当前的代码，但当我将鼠标悬停在它上面时，它会向上滑动div。

Answer 1

您想要显示div#second甚至用户hovering。所以你也应该处理div#second的悬停。此外，每次在新动画开始之前，你都应该使用.stop()来清理动画队列。

尝试，

$("#first,#second").hover(function(e)
{
    $("#second").stop().slideDown(1000);
},function(e){
    $("#second").stop().slideUp(1000);
});

DEMO