jQuery effect toggle() method

jQuery Effect Methods

The toggle() method inhide()andshow()Switch between methods.

This method checks the visibility of the selected element:

• If the element was initially displayed, it will be hidden

• If the element was initially hidden, it will be displayed

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

Syntax:

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

Example

Toggle between hiding and showing all <p> elements when the button is clicked:

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

UsedurationParameters:

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

UsecallbackParameters:

$("button").click(function(){
　　$("div").toggle(1500, function(){
　　　　alert("toggle() effect completed!!!");
　　});
});

Create animations for all spans (for example, words) to quickly hide/Display, and in2Complete each animation within 00 milliseconds:

$("button").click(function(){
　　$("span:first-child").toggle("fast", function(){
　　　　$(this).next().toggle("fast", arguments.callee);
　　});
});

Parameter Value

jQuery Effect Methods