jQuery Effect fadeOut() Method
Example
Fade out all <p> elements:
$("button").click(function(){
$("p").fadeOut();
});
Try it Yourself »
Definition and Usage
The fadeOut() method gradually changes the opacity, for selected elements, from visible to hidden (fading effect).
Note: Hidden elements will not be displayed at all (no longer affects the layout of the page).
Tip: This method is often used together with the fadeIn() method.
Syntax
$(selector).fadeOut(speed,easing,callback)
Parameter | Description |
---|---|
speed | Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds Possible values:
|
easing | Optional. Specifies the speed of the element in different points of the animation. Default value is "swing" Possible values:
|
callback | Optional. A function to be executed after the fadeOut() method is completed
To learn more about callback, visit our jQuery Callback chapter |
Try it Yourself - Examples
fadeOut() - Using the speed parameter
How to use the speed parameter to specify the speed of the fading effect.
fadeIn() - Using the callback parameter
How to use the callback parameter when gradually changing the opacity for
selected elements.