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

jQuery slideToggle() Method

<jQueryの効果方法

切り替えるslideUp()slideDown()すべてのために<p>の要素:

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

定義と使用法

slideToggle()メソッドは、間で切り替わりますslideUp()slideDown()選択された要素のために。

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


構文

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

パラメーター 説明
speed 任意。 スライド効果の速度を指定します。 デフォルト値は400ミリ秒です

可能な値:

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

可能な値:

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

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


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

slideToggle() -速度パラメータを使用します
スライド効果の速度を指定する速度パラメータを使用する方法。

slideToggle() - callbackパラメータを使用して
切り替えるときにコールバックパラメータを使用する方法slideUp()slideDown()


<jQueryの効果方法