Home/Jquery/.slideUp() Effect in Jquery

.slideUp() Effect in Jquery


Jquery slideUp() method is used to slide UP the matched element with a sliding motion.


.slideUp( duration, easing, complete/callback )

Ex :

Duration/speed It specifies the speed of the fadein. The valuse may be slow, fast and milliseconds. (default value: 400). Duration are given in milliseconds and higher values indicate slower animations, not faster ones.
Easing It specifies the easing function to be used for transition (default value: swing).
CallbackA function to call once the animation is complete.


From the below code, slideUp() method will slide UP the selected/matched element and finally “display:none” will append to the div to make it hidden. In other word, the .slideUp() method animates the height of the matched elements. Once the height reaches 0 then the display” style property is set to “none”.


After clicking the “Click to slide Up” button, then the “divpanelBox” will slideUp with animation. Finally “display:none” will append to the div to make it hidden.


Leave a Reply