Home/Jquery/.slideUp() Effect in Jquery

.slideUp() Effect in Jquery

Description:

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

Syntax

.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).
Callback A function to call once the animation is complete.

Example:

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”.

Output:

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.

dotnethelpers-jquery-slideup-thiyagu

Leave A Comment