実行例

アニメーションの実際
動作中の要素をすべて止める、そして動作を追加する




変更前のhtml
<div id="sq1" class="square"></div>

jQuery
function finishAnimate() {
        if($('div#sq1').queue('fx').length<2) alert('動作完了!');
}
$('div#sq1').animate({left:'+=100px'})
                 .animate({left:'-=100px'},finishAnimate);

$(':animated').queue('fx',[]).stop();   //動作のキューの内容が消去され、動作が停止される

$('div#sq1').queue(function() {         //新たに動作を追加する
   $(this).animate({fontSize:'+20pt'});
   $(this).dequeue();
} );

動作は止まっているので、なんの変化もない、追加するとその分が動作する