Easy Tutorial
❮ Event Die Event Stopimmediatepropagation ❯

jQuery slideUp() Method

jQuery Effects Methods

Example

Hide all <p> elements with a sliding motion:


Definition and Usage

The slideUp() method hides the selected elements with a sliding motion.

Note: Hidden elements will not be displayed at all (no longer affect the layout of the page).

Tip: To show elements with a sliding motion, see the slideDown() method.

Syntax

Parameter Description
speed Optional. Specifies the speed of the slide effect. Possible values: milliseconds<br> "slow"<br> "fast"
easing Optional. Specifies the speed of the element at different points of the animation. Default value is "swing". Possible values: "swing" - moves slower at the start/end, faster in the middle<br> "linear" - moves at a constant speed Tip: More easing functions are available with the use of extensions.
callback Optional. A function to be executed after the slideUp() method completes. To learn more about callback, visit our jQuery Callback chapter.

More Examples

slideUp() - Using speed parameter

slideUp() - Using callback parameter


jQuery Effects Methods

❮ Event Die Event Stopimmediatepropagation ❯