jQuery Tutorial Tutorials - jQuery .slideUp()

jQuery .slideUp()

The .slideUp() method in jQuery hide the element with a sliding motion.

jQuery .slideUp() syntax

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

.slideUp()

example

Animate all paragraphs to slide up.

$("p").slideUp();

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

example

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

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

Try now

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