jQuery and JavaScript Phrasebook

Fading Elements Out

Click here to view code image

$("img").fadeOut(1000, "swing", function() {   $(this).fadeIn(1000);});

The .fadeIn( [duration] [, easing] [, callback]) method provides the optional duration, easing, and callback options, allowing you to animate fading the opacity of an element from its current value to 0.

For example, the following code applies an animation of 1 second with swing easing to all image elements. Then, when completed, it fades them back in again:

Click here to view code image

$("img").fadeOut(1000, "swing", function() { $(this).fadeIn(1000);});