jQuery エフェクト - slideDown() メソッド

jQuery エフェクトリファレンスマニュアル

例

非表示の<p>要素をスライドで表示します：

$(".btn2").click(function(){
  $("p").slideDown();
});

実際に試してみましょう

定義と使用法

slideDown()メソッドは、スライド効果を使用して非表示の選択された要素を表示します。

構文

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

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

可能な値：

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

速度を設定している場合、要素が非表示から可視に変わる過程で、徐々に高さを変化させます。
callback

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

callbackに関する詳細を学びたい場合は、jQuery Callbackの章を訪れてください。

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

ヒントと注記

ヒント：要素がすでに完全に可視である場合、この効果は何も変更しません。callback関数が指定されている場合を除きます。

注記：この効果はjQueryで非表示にした要素やCSSでdisplay:noneが指定された要素（visibility:hiddenの要素には適用されません）に適用されます。

さらに多くの例

speed パラメータを使用して
speed パラメータを使用して要素を非表示にしたり表示したりします。

jQuery エフェクトリファレンスマニュアル