アニメーション
要素の表示位置を２秒間かけて移動させる

$('div.square').animate({width:'150px',height:'150px'},2000,
     function() {
       $(this).text('アニメーション完了');
       }
);

※CSSプロパティで以下の様に設定

div.square{
float=left; width: 100px; height: 100px;
margin:3px; padding:3px;
border:1px solid #000;
}
div#left{background-color:#cf9;}
div#right{background-color:#fc9;}

<div id="left" class="square" style="float:left"></div>
<div id="right" class="square" style="float:left"></div>