jQuery fadeIn() Method

The fadeIn() method in jQuery is used to change the opacity of selected elements from hidden to visible. The hidden elements will not be display. 

Syntax:

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

Parameters: This method accepts three parameters as mentioned above and described below:

• Speed: It is an optional parameter and used to specify the speed of the fading effect. The default value of speed is 400 millisecond. The possible value of speed are:
  • milliseconds
  • "slow"
  • "fast"
• Easing: It is an optional parameter and used to specify the speed of element to different points of animation. The default value of easing is "swing". The possible value of easing are:
  • "swing"
  • "linear"
• Callback: It is optional parameter. The callback function is executed after fadeIn() method is completed.

Example 1: This example describes fadeIn() method with speed 1000 milliseconds. 

Output: 

👁 Image

Example 2: This example describes fadeIn() method with easing "swing". 

Output: 

👁 Image