[今さらjQuery] .stop()メソッドでアニメーションを停止する

引数

第1引数

キューに溜まってるアニメーションを削除するか。

＊キューとは待合室のことです

デフォルトは、false

第2引数

現在実行中のアニメーションを一気に終わらせるか。一気に終わらせない場合は途中で止まる。

デフォルトは、false

例

<input type="button" value="up" id="up">
<input type="button" value="down" id="down">
<input type="button" value="stop" id="stop">
<p>a</p>
<p>b</p>
<p>c</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
  $('#up').on('click',function(){
    $('p').slideUp(2000);
  })
  $('#down').on('click',function(){
    $('p').slideDown(2000);
  })
  $('#stop').on('click',function(){
    $('p').stop(false, false);
  })
</script>

上記の場合は、stopの引数が、false（キューに溜まったアニメーションを削除しない）,false（現在実行中のアニメーションを一気に終わらせることをしない）となっているため、アニメーションの途中で止まるみたいな動きになる。

参考にしたサイト

本家