.slideToggle()がゆっくりにならないカクカクの原因

.slideToggle()がゆっくりにならないカクカクの原因についてメモ

 

配置の関係

要素のCSSにtransformや、要素内がpodision:absoluteなどで浮いているとカクカクになってしまう。

slidetoggleは高さの値を変えるもののため、表示・非表示の値とバッティングが起こってしまう。

参考:http://b-nana.com/slidetoggle-not-working/

 

display: block をつけてみる

原因がわからない場合は display: block を当ててみると治る場合があります。

 

テーブルの場合

テーブルの表示非表示がカクカクになる場合がある。その場合はテーブルをdiv で囲み、divに対してアニメーションを当ててみよう。