アニメーション
まず領域を拡大し、そのあと文字を拡大する

$('div#demo').animate({width:'150px',height:'150px'},2000)
             .animate({fontSize:'20pt'},'slow');

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

div#demo{
float=left; width: 100px; height: 100px;
padding:3px;
border:1px solid #000;
background-color:#cf9;
}


実行例 
領域と文字を順に拡大する

変更前のhtml
<div id="demo">領域と文字を順に拡大する</div>

この場合は前の動作が終了してから次の動作に移る。同時に行う場合はqueue:trueを指定する。次で説明している。