jQuery slideToggle() Method
Example
Toggle between slideUp() and slideDown() for all <p> elements:
$("button").click(function(){
$("p").slideToggle();
});
Try it Yourself »
Definition and Usage
The slideToggle() method toggles between slideUp() and slideDown() for the selected elements.
This method checks the selected elements for visibility. slideDown() is run if an element is hidden. slideUp() is run if an element is visible - This creates a toggle effect.
Syntax
$(selector).slideToggle(speed,easing,callback)
| Parameter | Description |
|---|---|
| speed | Optional. Specifies the speed of the slide effect. Default value is 400 milliseconds Possible values:
|
| easing | Optional. Specifies the speed of the element in different points of the animation. Default value is "swing" Possible values:
|
| callback | Optional. A function to be executed after the slideToggle() method is completed
To learn more about callback, visit our jQuery Callback chapter |
Try it Yourself - Examples
slideToggle() - Using the speed parameter
How to use the speed parameter to specify the speed of the slide effect.
slideToggle() - Using the callback parameter
How to use the callback parameter when toggling between slideUp() and slideDown().
