Description

The .fadeIn() method gradually changes the opacity, for selected elements, from hidden to visible (fading effect).

Note: This effect works on elements hidden with jQuery (like fadeOut(), hide(), toggle(), etc.), and display:none in CSS (but not visibility:hidden)

---

This method has the form:

.fadeIn(duration,callback)

Parameter	Description
duration	(optional) Specifies the speed of the fading effect. (default = "normal"). Possible values: milliseconds "slow" (600 ms) "normal" (400 ms) "fast" (200 ms)
callback	(optional) A function to be executed after the fadeIn() method is completed.

Return Value

This form returns a jQuery object.

---

This method has the alternate form:

.fadeIn(duration,easing,callback)

Parameter	Description
duration	(optional) Specifies the speed of the fading effect. (default = "normal"). Possible values: milliseconds "slow" (600 ms) "normal" (400 ms) "fast" (200 ms)
easing	A string indicating which easing function to use for the transition.
callback	(optional) A function to be executed after the fadeIn() method is completed.

Return Value

This form returns a jQuery object.

Examples

Fade in a hidden p element:

$(".btn2").click(function(){
  $("p").fadeIn();
});