jQuery and JavaScript Phrasebook

Toggling Element Visibility On and Off

Click here to view code image

$("img").fadeToggle(3000, "swing");

The .fadeToggle( [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, depending on its current value.

For example, the following code applies an animation of 3 seconds with swing easing to all image elements. Images that are currently visible are faded out, and images that are currently transparent are faded in:

Click here to view code image

$("img").fadeToggle(3000, "swing");