jQuery slideDown() Method

Last Updated Jul 21, 2015, 12:00:06 PM





jQuery slideDown() Method

jQuery slideDown() method makes the selected HTMLelement to slide down from its position.

Syntax

Durations are given in milliseconds; higher values indicate slower animations, not faster ones. The strings 'fast' and 'slow' can be supplied to indicate durations of 200 and 600 milliseconds, respectively. If any other string is supplied, or if the duration parameter is omitted, the default duration of 400 milliseconds is used.

The following example illustrates usage of jquery slideDown(). In this example the ‘div’ element slide down by calling $( "div" ).slideDown( "slow").where slow is indicate duration.


Example
Output
jQuery slideDown method
Try It Now

Other Advanced jQuery Effects you might want to learn
jQuery Effects

jQuery Basic Effects

jQuery Fading Effects

jQuery Sliding Effects

jQuery Custom Effects

Sources and Credits

The content and methods in the tutorial has been referred and updated with jQuery API and The jQuery Foundation

Last Updated Jul 21, 2015, 12:00:06 PM