jQuery show() Effect Method

jQuery Effect Methods

The show() method displays hidden elements.

Note:Hidden elements will no longer affect the layout of the page.

Note:If !important is used in the style, for example display: none !important, this method will not override !important.

Note:This method is applicable to elements hidden by jQuery methods, in CSS it is display:none (notvisibility: hidden).

This method is usually used withhide()Methods can be used together.

Syntax:

$(selector).show(duration, easing, callback)

Example

Show all <p> elements when the button is clicked:

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

UsedurationParameters:

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

UsecallbackParameters:

$("button").click(function(){
　　$("div").show();1000, function(){
　　　　alert("DIV visible");
　　});
});

Animate all spans (in this example, words) to display quickly, and in200毫秒内完成每个动画：

$("button").click(function(){
　　-child
　　　　$(this).next().show("fast", arguments.callee);
　　});
});

Parameter Value

jQuery Effect Methods