Effects/API/jQuery
slideUp([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></div> <div></div>
div { background:#3d9a44; margin:3px; width:80px;
height:40px; float:left; }
$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").slideDown("fast");
} else {
$("div").slideUp();
}
});
[全コードを表示]
[実行結果を単体で表示]