Example

Fade out a p element:

$(".btn1").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).

Syntax

$(selector).fadeOut(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 fadeOut() 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.