jQuery effect slideToggle() method

jQuery Effect Methods

The slideToggle() method inslideUp()andslideDown()Switch between methods.

This method checks the visibility of the selected element:

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

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

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

Syntax:

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

Example

Toggle between moving up and down on all <p> elements when the button is clicked:

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

UsedurationParameters:

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

UsecallbackParameters:

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

Use slow duration and linear easing to toggle all " .panel":

$("#my-Div").click(function(){
　　$(".panel").slideToggle("slow", "linear");
});

Parameter Value

jQuery Effect Methods