HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...

jQuery Tutorial

jQuery HOME
jQuery Intro
jQuery Syntax
jQuery Selectors
jQuery Events
jQuery Effects
jQuery Callback
jQuery HTML
jQuery CSS
jQuery AJAX
jQuery Examples

jQuery Quiz

jQuery Reference

jQuery Selectors
jQuery Events
jQuery Effects
jQuery HTML
jQuery CSS
jQuery AJAX
jQuery Misc

jQuery Effect slideToggle() Method

jQuery Effect Methods

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.

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.

Try it Yourself - Examples

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