Easy Tutorial
❮ Jquery Slide Html Escapeselector ❯

jQuery show() Method

jQuery Effects Methods

Example

Show all hidden <p> elements:

$("button").click(function(){
    $("p").show();
});

Definition and Usage

The show() method displays the selected hidden elements.

Note: The show() method works for elements hidden by jQuery methods and CSS display:none (but not for elements hidden by visibility:hidden).

Tip: To hide elements, see the hide() method.


Syntax

Parameter Description
speed Optional. Specifies the speed of the display effect. Possible values: milliseconds, "slow", "fast"
easing Optional. Specifies the speed of the element at different points of the animation. Default value is "swing". Possible values: "swing" - moves slow at the start/end, fast in the middle, "linear" - moves at a constant speed. Tip: More easing functions are available in extensions.
callback Optional. A function to be executed after the show() method completes. For more information about callback, visit our jQuery Callback chapter.

More Examples

show() - Using speed parameter

show() - Using callback parameter


jQuery Effects Methods

❮ Jquery Slide Html Escapeselector ❯