slideToggle([duration], [callback])


version 1.0 以降

解説

マッチした要素をスライドしながら、表示されている場合は非表示に、非表示の場合は表示します。 スライドの速度およびコールバック関数の指定が可能です。

引数

  • speed : スライドの速度。"slow", "normal", "fast" の文字列か、ミリ秒を数値で指定。
  • callback : スライドが終了した後に実行されるコールバック関数。(オプション)

戻り値

  • jQueryオブジェクト

"jQuery" という文字列をテキストに含む li要素を取得し、"slow" でスライドしながら、表示されている場合は非表示に、非表示の場合は表示します。 スライド完了後、"スライド完了" の文字列をアラート表示します。

$("ul > li:contains('jQuery')", "#test_result").slideToggle(
    "slow",
    function(){alert('スライド完了')}
);

マッチした全ての li要素を、5秒間かけてスライドしながら、表示されている場合は非表示に、非表示の場合は表示します。

$("ul > li", "#test_result").slideToggle(5000);

  • jQuery
  • prototype.js
  • Ext
  • script.aculo.us
  • YUI