jQuery の toggle() メソッドを使用して HTML タグを表示および非表示にする

これが例です:

リーリー

例で使用されている toggle() メソッド:

toggle()メソッドは要素の表示状態を切り替えます。 選択した要素が表示されている場合は、これらの要素を非表示にします。選択した要素が非表示になっている場合は、これらの要素を表示します。 構文$(セレクター).toggle(速度、コールバック、スイッチ)

パラメータ	説明
スピード	オプション。要素が表示から非表示に (またはその逆に) 移行する速度を指定します。デフォルトは「0」です。 可能な値: ミリ秒 (例: 1500) 「遅い」 「普通」 「速い」 速度を設定すると、要素は表示から非表示に移行するにつれて、高さ、幅、マージン、パディング、透明度が徐々に変化します。 このパラメータが設定されている場合、switchパラメータは使用できません。
コールバック	オプション。 toggle 関数の実行後に実行される関数。 コールバックの詳細については、jQuery コールバックの章をご覧ください。 このパラメータは速度パラメータが設定されていないと設定できません。
スイッチ	オプション。ブール値。選択したすべての要素を表示または非表示に切り替えるかを指定します。 True - すべての要素を表示します False - すべての要素を非表示にします このパラメータが設定されている場合、speed パラメータと callback パラメータは使用できません。

追記: この効果は、jQuery によって非表示になった要素、または CSS で display:none として宣言された要素に適用されます (ただし、visibility:hidden 要素には適用されません)。