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

Question

我有一个名为first的div，另一个名为second的div，都是独立的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