jQuery slideToggle() メソッド

❮ jQuery Effect メソッド

例

全 <p> 要素に対し、slideUp() と slideDown() の間をトグルする：

$("button").click(function(){
    $("p").slideToggle();
});
Try it Yourself »

定義と用法

slideToggle() メソッドは、選択した要素に対し slideUp() と slideDown() の間を切り替えます。

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

構文

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

パラメータ 説明
speed 任意。slide 効果の速度を指定する。デフォルト値は 400 ミリ秒。

指定可能な値：

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

指定可能な値：

  • "swing" - 最初と最後はゆっくりと動くが、中間は速く動く
  • "linear" - 一定の速度で動く
チップ: 他のイージング関数が、外部プラグインで利用できます
callback 任意。slideToggle() メソッドが完了した後に実行される関数

コールバックの詳細については、jQuery Callback を参照

Try it Yourself - 例

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

slideToggle() - callback パラメータを使用する
slideUp() と slideDown() の間をトグルするときに、callback パラメータを使用する方法。).

❮ jQuery Effect メソッド