jQueryのtoggleメソッドの使用方法

jQueryのtoggle()メソッドは、要素の可視性を切り替える関数です。表示と非表示の切り替えに使用できます。toggle()メソッドの一般的な使用方法を以下に示します。

要素の非表示/表示の切り替え

$("#myElement").toggle();

その要素の現在の可視状態に応じて、その可視性を切り替えます。

要素の表示状態を切り替え、変化する速さを指定することができます。

$("#myElement").toggle("slow");

「slow」、「fast」など速度の基準値を切り替えるとか、ミリ秒単位の値を指定します。

要素の可視性を切り替えてコールバック関数を与える：

$("#myElement").toggle(500, function() {

// 在切换完成后执行的回调函数

});

切り替え完了後にコールバック関数を呼び出すことができます。

要素の表示/非表示を切り替え、切り替え方向を指定する。

$("#myElement").toggle(true); // 显示元素

$(“#myElement”).toggle(false); // 隐藏元素

要素の可視状態を明示的に指定することもブール値を渡すことによって可能である。

toggle() メソッドは、状況に応じてより多くの機能を持たせるその他の引数も受け付けることに注意してください。