Example

Fade in a hidden p element:

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

Try it yourself »

Definition and Usage

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).

Syntax

$(selector).fadeIn(speed,callback)

Parameter Description
speed Optional. Specifies the speed of the fading effect. Default is "normal".

Possible values:

  • milliseconds (like 1500)
  • "slow"
  • "normal"
  • "fast"
callback Optional. A function to be executed after the fadeIn() method is completed.

To learn more about callback, visit our jQuery Callback chapter.



Examples

Try it Yourself - Examples

Using the speed parameter
How to use the speed parameter to specify the speed of the fading effect.