How to animate multiple effects at same time using jQuery?

[qaleshko]

I am using jQuery's \[code\]animate()\[/code\] function to animate a \[code\]div\[/code\]. When I give multiple effects like height 140 and width 200, then the next effects start only after the previous effects finish. I want to execute simultaneously. Any help will be appreciated.Code:\[code\]$(document).ready(function(){ $(".gal_item").hover(function(){ $(this).children().animate({height:110},"medium"); $(this).children().animate({width:110},"medium"); });});\[/code\]HTML:\[code\]<div class="gal_item"><img src="http://stackoverflow.com/questions/3589863/images/2.jpg" width="120" height="100" /></div><div class="gal_item"><img src="http://stackoverflow.com/questions/3589863/images/3.jpg" width="120" height="100" /></div>\[/code\]