Effects/API/jQuery
slideToggle([speed], [callback])
各要素の高さを操作して、slideDown/slideUpの動作を交互に行います。
アニメーション効果は指定したスピードで実行されます。
速度は、”slow”、”normal”、”fast”、もしくは完了までの時間をミリ秒単位で指定します。例えば”1500”であれば、1.5秒かけてアニメーションが行われます。
省略された場合は、”normal”が用いられます。
また、効果が完了した際に呼び出される関数を第二引数に指定することも出来ます。
アニメーション効果は指定したスピードで実行されます。
速度は、”slow”、”normal”、”fast”、もしくは完了までの時間をミリ秒単位で指定します。例えば”1500”であれば、1.5秒かけてアニメーションが行われます。
省略された場合は、”normal”が用いられます。
また、効果が完了した際に呼び出される関数を第二引数に指定することも出来ます。
サンプル
サンプル1
ボタンをクリックすると、各div要素がスライドダウンしてくるようにします。
<button>Toggle</button> <p> This is the paragraph to end all paragraphs. You should feel <em>lucky</em> to have seen such a paragraph in your life. Congratulations! </p>
$("button").click(function () {
$("p").slideToggle();
});
[全コードを表示]
[実行結果を単体で表示]