jQuery Tutorial Tutorials - jQuery .slideDown()

jQuery .slideDown()

The .slideDown() method in jQuery display the element with a sliding motion.

jQuery .slideDown() syntax

.slideDown([duration][,complete]);
.slideDown(options)
.slideDown(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

.slideDown()

example

Animate all paragraphs to slide down.

$("p").slideDown();

.slideDown(duration[,easing][,complete])

example

Animate all paragraphs to slide down slowly,the duration is 600 milliseconds.

$("p").slideDown("slow");

Try now

Date:2019-08-30 02:28:12 From:www.Lautturi.com author:Lautturi