jQuery show | Using show method of jquery to show hidden HTML elements

jquery show()

The jquery show() method is use to show hidden elements of HTML in document. Please note that show method would not show elements which property are set to Hidden, i.e. visibility:hidden.

The elements made hidden by using hide() method or with CSS property display: none; can be shown by using show() method.




Selector = can be an element like div, p, etc.
Speed = Optional parameter that specifies the hide speed with possible values of

  1. “slow”
  2. “fast”
  3. Or value in milliseconds

Callback = after show () method is completed, an optional callback function to perform certain action can be given.

Example of using show() method


Experience this example online

Example with callback function


Experience this example online

Also see: jquery hide() method | jquery toggle() method

Was this article helpful?

Related Articles

Leave A Comment?