最新のWeb開発のチュートリアル
 

jQuery toggle() Method

<jQueryの効果方法

すべてのための非表示と表示を切り替えます<p>の要素:

$("button").click(function(){
    $("p").toggle();
});
»それを自分で試してみてください

定義と使用法

toggle()メソッドは、間で切り替わりhide()show()選択された要素のために。

このメソッドは、可視性のために選択した要素をチェックします。 show()要素が隠されている場合に実行される。 hide()要素が表示されている場合に実行されている-これはトグル効果を作成します。

注 :隠し要素が全く表示されません(もはやページのレイアウトに影響を与えません)。

ヒント:この方法は、カスタム機能を切り替えるために使用することができます。


構文

$(selector).toggle(speed,easing,callback)

パラメーター 説明
speed 任意。 表示/非表示効果の速度を指定します

可能な値:

  • ミリ秒
  • "slow"
  • "fast"
easing 任意。 アニメーションの異なる点における要素の速度を指定します。 デフォルト値は"swing"

可能な値:

  • "swing" -速く途中で始め/終わりに遅く移動するが、
  • "linear" -一定の速度で移動
ヒント:より多くのイージング関数は、外部プラグインでご利用いただけます
callback 任意。 後に実行する機能toggle()メソッドが完了しました

コールバックの詳細については、私たちの訪問jQueryのコールバックの章を


それを自分で試してみてください - 例

toggle() -速度パラメータを使用します
表示/非表示効果の速度を指定する速度パラメータを使用する方法。

toggle() - callbackパラメータを使用して
表示/非表示効果を切り替えるときにコールバックパラメータを使用する方法。


<jQueryの効果方法