toggle()

toggle()は要素の表示と非表示を切り替えるメソッドです。

次のように設定すると、引数に何も指定しない場合はdiv要素が表示されてる場合はdisplay:noneに変換し、非表示の場合はdisplay:blockなどの元のdisplay値に変換されます。

$("button").click(function(){
	$("div").toggle();
});

引数に数値や「first」、「slow」のキーワードを指定することで、左上を基準にフェードアウト(フェードイン)しながら縮小(拡大)するアニメーションで表示・非表示が切り替えられます。

$("div").toggle(100);
$("div").toggle("first");
$("div").toggle("slow");

toggle()はjQuery 1.0で追加されたメソッドです。

登録日 : 2013年02月18日最終更新日 : 2013年2月18日

jQuery リファレンス