jQuery/stop()

アニメーションをストップするメソッド
/* １．現在のアニメーションが最後まで完了していなくても、その状態から次のアニメーションに移行する*/
stop(false, false).animate
stop().animate

/*２．現在のアニメーションが完了しないまま、次のアニメーションは破棄されて実行されないので、
最初のアニメーションの途中状態で止まる*/
stop(true, false).animate

/*３．現在のアニメーションは最終的なゴールにジャンプし、そこから次のアニメーションが開始される*/
stop(false, true).animate

/*４．現在のアニメーションは最終的なゴールにジャンプするが、次のアニメーションは破棄されて実行されない*/
stop(true,true).animate

$(function(){
  $("#start").click(function(){
    $("#s1Div").animate({
      width: "80%",
      height: "100px"
    }, 3000);
  });
  $("#stop").click(function(){
    $("#s1Div").stop();
  });
  $("#finish").click(function(){
    $("#s1Div").finish();
  });
  $("#reset").click(function(){
    $("#s1Div").css({
      width: "",
      height: ""
    });
  });
});

function s2Func(){
  $("#s2Div").animate({width: 200}, 5000);
  $("#s2Div").animate({height: 200}, 5000);
}
function s2Stop(a, b){
  $("#s2Div").stop(a, b);
}