jQuery slideToggle() Method
jQuery Effect MethodsExample
Toggle between slideUp() and slideDown() for all <p> elements:
$("button").click(function(){
$("p").slideToggle();
});
Try it Yourself »
$("p").slideToggle();
});
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().
