如何使用jQuery同時動畫多個效果？

Question

我正在使用jQuery的animate()函數來動畫div。當我給出多個效果，如高度140和寬度200，然後下一個效果纔開始前面的效果完成。我想同時執行。任何幫助將不勝感激。

代碼：

$(document).ready(function(){ 
    $(".gal_item").hover(function(){      
     $(this).children().animate({height:110},"medium"); 
     $(this).children().animate({width:110},"medium"); 
    }); 
}); 

HTML：

<div class="gal_item"><img src="images/2.jpg" width="120" height="100" /></div> 
<div class="gal_item"><img src="images/3.jpg" width="120" height="100" /></div> 

Answer 1

該動畫的方法接受多個樣式聲明，你可以簡單地...

$(document).ready(function(){ 
    $(".gal_item").hover(function(){      
     $(this).children().animate({ 
      height:110, 
      width: 110 
     }, "medium"); 
    }); 
});