fadeIn and fadeOut jQuery Methods

Here I will explain some useful methods of jQuery which are related to fading.

Following are some useful jQuery methods related to fading.

1. fadeIn method:

It is used to fade in a hidden HTML element.

The syntax is 

$(selector).fadeIn(speed,callback);

Here parameters speed & callback, both are optional. speed parameter takes the values like "slow", "fast" or milliseconds

while callback parameter is the name of a function to be executed after the fading completes.

Example:

$("button").click(function(){

$("#fadeInDiv1").fadeIn();

$("fadeInDiv2").fadeIn("slow");

$("fadeInDiv3").fadeIn("5000");

});

2. fadeOut method:

It is used to fade out a visible element.

The syntax is almost same as syntax of fadeIn method except the word fadeOut.

$(selector).fadeOut(speed,callback);

Here parameters speed & callback has same meaning as explained above.

Example:

$("button").click(function(){

$("#fadeOutDiv1").fadeOut();

$("fadeOutDiv2").fadeOut("slow");

$("fadeOutDiv3").fadeOut("8000");

});