VOOZH about

URL: https://www.geeksforgeeks.org/jquery/jquery-effect-show-method/

⇱ jQuery Effect show() Method - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

jQuery Effect show() Method

Last Updated : 11 Jul, 2025

The show() Method in jQuery is used to display the hidden and selected elements. 

Note: This method display the hidden elements which are using CSS display: none property. The elements are not visible whose visibility is hidden. 

Syntax:

$(selector).show( 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 show() method is completed.

Below examples illustrate the show() method in jQuery: 
Example 1: This example showing display: none content with given speed. 

Output:

👁 Image
 

Example 2: This example showing display: none content with swing easing value. 

Output:

👁 Image
 
Comment

Explore