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