Example

Toggle between slide up and slide down for a p element:

$("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 each element 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,callback)

Parameter Description
speed Optional. Specifies the speed of the slide effect. Default is "normal".

Possible values:

  • milliseconds (like 1500)
  • "slow"
  • "normal"
  • "fast"
callback Optional. A function to be executed after the slideToggle() method is completed.

To learn more about callback, visit our jQuery Callback chapter.



Examples

Try it Yourself - Examples

Using the speed parameter
How to use the speed parameter to specify the speed of the slide effect.