slideToggle()

slideToggle()は要素をスライドアニメーションで表示・非表示にするメソッドです。

指定した要素がdisplay:noneの場合はslideDown()を利用し要素を表示し、現在の要素がdisplay:none以外の場合はslideUp()を利用し要素を非表示にします。

$("div").slideToggle();

引数にはミリ秒でアニメーションする速度を数値で指定することができます。

$("div").slideToggle(700);

数値以外にキーワードによる指定も可能で、”slow”で200ミリ秒、”fast”で400ミリ秒の速度になります。速度を指定しない場合や存在しないキーワードが指定された場合はデフォルトの速度である400ミリ秒でアニメーションします。

slideToggle()はjQuery 1.0で定義されたメソッドです

登録日 : 2013年06月19日最終更新日 : 2013年6月19日

jQuery リファレンス