トップページ >  jQuery >  jQueryのtoggle()
初版2014/02/23: 最終更新日2014/02/23
jQueryのtoggle()
目次
jQueryのtoggle()
jQueryのtoggle()
jQueryのtoggle()はブロック要素の表示非常時を切り替えます。
$("#id").toggle()と言うように記述します。以下、例です。



テスト

テストです

<input type="button" value="toggleサンプル" onclick='$("#test").toggle("slow");' />
<div id="test">
<h4>テスト</h4>
<p>テストです</p>

以下は1000ミリ秒で表示非表示を切り替える例です。



テスト

テストです

<input type="button" value="toggleサンプル" onclick='$("#test").toggle(1000);' />
<div id="test">
<h4>テスト</h4>
<p>テストです</p>

ただし、toggleはjQuery1.9で廃止されています。toggleについて記載しています。