アニメーションが止まらない を改善する　:not(:animated)

:not(:animated) とすることで、「アニメーション中ではない要素」を絞り込むことができる。

:animatedは、現在アニメーションで制御されている要素だけを選択するフィルタ。

:not()は、セレクタの後ろに :not(hoge) を付け、(hoge) 内に除外する条件を記述します。

$(this).not(":animated").show('slow')

アニメーションの停止　stop()

stop() メソッド は 開始したアニメーションを停止する。

stop() で何度もアニメーションするのを防ぐこともできる。