jQuery効果 - toggle()メソッド

jQuery効果リファレンスマニュアル

例

<p>要素の表示と隠しの切り替え：

$(".btn1").click(function(){
  $("p").hide();
});

実際に試してみましょう

定義と使用法

toggle()メソッドは要素の可視状態を切り替えます。

選択された要素が可視である場合、これらの要素を隠します。選択された要素が隠れている場合、これらの要素を表示します。

構文

$(selector).toggle(speed,callback,switch)
パラメータ 説明
speed

オプション。要素が可視から非可視に変化する速度（または逆）を指定します。デフォルトは"0"です。

可能な値：

  • ミリ秒（例：1500）
  • "slow"
  • "normal"
  • "fast"

速度が設定されている場合、要素が可視から非可視に変化する過程で、高さ、幅、マージン、インセット、透明度が徐々に変更されます。

このパラメータが設定されている場合、switchパラメータを使用できません。
callback

オプション。toggle関数が実行された後に実行される関数。

さらにcallbackに関する情報を学ぶには、私たちのjQuery Callbackという章にアクセスしてください。

speedパラメータが設定されていない場合、このパラメータを設定できません。
switch

オプション。ボルン値。toggleがすべての選択された要素を隠すか表示するかを指定します。

  • True - すべての要素を表示します
  • False - すべての要素を隠します

このパラメータが設定されている場合、speedおよびcallbackパラメータを使用できません。

ヒントと注記

注記：この効果はjQueryで隠された要素、またはCSSでdisplay:noneと宣言された要素（visibility:hiddenの要素には適用されません）に適用されます。

さらに多くの例

speedパラメータを使用
speedパラメータを使用して要素を隠し、表示します。
switchパラメータを使用
switchパラメータを使用してすべての隠されたパラグラフを表示します。

jQuery効果リファレンスマニュアル