jQuery懸停問題

Question

在我的網站上，我有一個網頁的圖像網格。我想要的是一張圖像在它懸停時向下滑動，因此它會變長但不移動。如果這是有道理的。

我有下面的代碼，它不工作/做任何事情：

<script type="text/javascript"> 
    $(".piece").hover(function() { 
     $(this).slideDown(1000, function() { 
      $(this).css("height", "250px"); 
     }); 
    }); 
</script> 

希望這個問題是有道理的。任何幫助是極大的讚賞。

Answer 1

我想你想使用的動畫功能：

$(".piece").hover(
    function() { 
     $(this).animate({ 
      height: '250' 
     }, 1000); 
    }, 
    function() { 
     $(this).animate({ 
      height: '100' 
     }, 1000); 
    } 
); 

JSFiddle Example