Stop()メソッドのメモ

こんな感じのhtmlがあるとして(slimで書いています)

button Toggle
p.slide_text
  | This is the test
    hoge hoge
    huga huga

slideToggleを使うと、ボタンをクリックするごとに要素を表示したり隠したりを

アニメーションを伴って出来る

button = $('button')
button.on 'click', ->
  $('.slide_text').slideToggle()

この時、buttonを連打してしまうと、

連打した回数分開いたい閉じたりが実行されてしまうのだが

button = $('button')
button.on 'click', ->
 $('.slide_text').stop(true, false).slideToggle()

こうすると、連打したタイミングで実行中のアクションが中断されるので、

より良い感じになる。