Effects/API/jQuery
slideDown([speed], [callback])
各要素の高さを操作して、上から下にスライドして降りて来るイメージの効果で表示させます。
アニメーション効果は指定したスピードで実行されます。
速度は、”slow”、”normal”、”fast”、もしくは完了までの時間をミリ秒単位で指定します。例えば”1500”であれば、1.5秒かけてアニメーションが行われます。
省略した場合は”normal”が用いられます。
また、効果が完了した際に呼び出される関数を第二引数に指定することも出来ます。
アニメーション効果は指定したスピードで実行されます。
速度は、”slow”、”normal”、”fast”、もしくは完了までの時間をミリ秒単位で指定します。例えば”1500”であれば、1.5秒かけてアニメーションが行われます。
省略した場合は”normal”が用いられます。
また、効果が完了した際に呼び出される関数を第二引数に指定することも出来ます。
サンプル
サンプル1
ドキュメントをクリックすると、各div要素がスライドダウンしてくるようにします。
Click me! <div></div> <div></div> <div></div>
div { background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").slideDown("slow");
} else {
$("div").hide();
}
});
[全コードを表示]
[実行結果を単体で表示]