向下滑動並與不同的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