jQuery EffectsfadeTo()Method

Examples

Gradually change the opacity of all <p> elements:

$("button").click(function(){ $("p").fadeTo(1000,0.4); });

The fadeTo() method gradually changes the opacity of selected elements to a specified value (fading effect).

$(selector).fadeTo(speed,opacity,easing,callback)

Parameters	Description
speed	Required. Specifies the speed of the fading effect. Possible values: Milliseconds "slow" "fast"
opacity	Required. Specifies the opacity to fade to. Must be a number between 0.00 and 1.00.
easing	Optional. Specifies the speed of the element at different points of the animation. Default value is "swing". Possible values: "swing" - moves slowly at the beginning/end, fast in the middle "linear" - moves at a constant speed Tip:More easing functions are available in plugin extensions.
callback	Optional. A function to be executed after the fadeTo() method has been executed. To learn more about callback, please visit ourjQuery Callbackthis chapter.

fadeTo() - Using the callback parameter
How to use the callback parameter when fading elements in and out.

Other Extensions