fadeToggle([duration], [easing], [callback])


version 1.4.4 以降

解説

マッチした要素をフェードしながら、表示されている場合は非表示に、非表示の場合は表示します。 フェードアウトの速度、アニメーション効果、およびコールバック関数の指定が可能です。

引数

  • [duration]オプション
    Number, String: フェードアウトの速度。"slow", "normal", "fast" の文字列か、ミリ秒を数値で指定。
  • [easing]オプション
    String: アニメーション効果を指定する文字列。(→easing)
  • [callback]オプション
    Function: フェードアウトが終了した後に実行されるコールバック関数。

戻り値

  • jQuery: jQuery オブジェクト

チェックボックスをチェックした要素を含む li 要素を、速度:"slow", アニメーション効果:"linear" でフェードしながら、表示、非表示を切り替えます。

$(":checkbox:checked").closest("li").fadeToggle("slow", "linear");

テスト結果 (#test_result)