Easy Tutorial
❮ Sel Even Html Replacewith ❯

jQuery slideDown() Method

jQuery Effects Methods

Example

Display all hidden <p> elements with a sliding motion:


Definition and Usage

The slideDown() method displays the selected elements with a sliding motion.

Note: The slideDown() method works for elements hidden by jQuery methods or declared with display:none in CSS (it does not work for elements hidden with visibility:hidden).

Tip: To hide elements with a sliding motion, see the slideUp() 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 in extensions.
callback Optional. A function to be executed after the slideDown() method completes. To learn more about callback, visit our jQuery Callback chapter.

More Examples

slideDown() - Using the speed parameter

slideDown() - Using the callback parameter


jQuery Effects Methods

❮ Sel Even Html Replacewith ❯