.slideToggle()The .slideToggle() method in jQuery display or hide the element with a sliding motion.
.slideToggle() syntax.slideToggle([duration][,complete]); .slideToggle(options) .slideToggle(duration[,easing][,complete]);
| Parameter | Type | Description |
|---|---|---|
duration |
Number,String | determining how long the animation will run.Default 400ms(normal) fast:200ms slow:600ms |
complete |
Function | A function to call once the animation is complete. |
easing |
String | an easing function for the transition. Default swing |
options - queue |
Boolean,String | A Boolean indicating whether to place the animation in the effects queue. |
options - specialEasing |
PlainObject | An object containing one or more of the CSS properties defined by the properties argument and their corresponding easing functions. |
options - step |
Function | A function to modify the Tween object to change the value of the property before it is set. |
options - progress |
Function | A function to be called after each step of the animation |
options - complete |
Function | A function to be called when animation is complete |
options - start |
Function | A function to be called when animation begins |
options - done |
Function | A function to be called when the animation on an element completes |
options - fail |
Function | A function to be called when the animation on an element fails to complete |
options - always |
Function | A function always to be called,no matter whether it completes or not |
.slideToggle()Animate all paragraphs to slide up or down.
$("p").slideToggle();
.slideToggle(duration[,easing][,complete])Animate all paragraphs to slide up or down slowly,the duration is 600 milliseconds.
$("p").slideToggle("slow");