jQuery fadeIn() Method
jQuery Effect MethodsExample
Fade in all <p> elements:
$("button").click(function(){
$("p").fadeIn();
});
Try it Yourself »
$("p").fadeIn();
});
Definition and Usage
The fadeIn() method gradually changes the opacity, for selected elements, from hidden to visible (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 fadeOut() method.
Syntax
$(selector).fadeIn(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
fadeIn() method is completed
To learn more about callback, visit our jQuery Callback chapter |
Try it Yourself - Examples
fadeIn() - 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 fading in and out an element.
