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");


ページトップヘページトップヘ

Effects
animate(params, [duration], [easing], [callback])
animate(params, options)
delay(duration, [queueName])
fadeIn([duration], [callback])
fadeOut([duration], [callback])
fadeTo(duration, opacity, [callback])
fadeToggle([duration], [easing], [callback])
jQuery.fx.interval
jQuery.fx.off
hide()
hide(duration, [callback])
show()
show(duration, [callback])
slideDown([duration], [callback])
slideToggle([duration], [callback])
slideUp([duration], [callback])
stop([clearQueue], [jumpToEnd])
toggle([duration], [callback])
toggle(switch)


ページトップヘページトップヘ