アニメーション
複数のアニメーションを途中で停止する
この分RapidWeaver上でアラートの別ウインドウがプレビューできない

$('div#demo').animate({width:'150px',height:'150px'},1000,
    function() {
      if(confirm('文字も拡大する？')){
        $(this).text('文字も拡大してみる');
      }
      else {
      $(this).stop();
      alert('領域は拡大を完了しました');
    }
   }
  ).animate({fontSize:'20pt'},1000,
    function() {
      alert('文字の拡大も完了しました');
   }
);

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

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

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