スポンサーリンク
スポンサーリンク

要素の表示・非表示を交互に切り替える toggle()

jQuery

toggle()は、要素の表示・非表示を交互に
切り替える命令です。セレクターで指定した要素が
表示されている場合は非表示に、非表示の場合は表示の状態に
変更します。show()/hide()と同様に、toggle(…)の括弧内には
アニメーションのスピードとコールバック関数を指定できます。

$( セレクター ).toggle( スピード, コールバック関数 );

サンプルコードでは、ボタンがクリックされるたびに
div要素の表示・非表示と切り替えるものです。

実行結果はこちらです。

コメント

タイトルとURLをコピーしました