Description

The .slideDown() method gradually changes the height, for selected elements, from hidden to visible (slide effect).

Note: This effect works on elements hidden with jQuery (like fadeOut(), hide(), toggle(), etc.), and display:none in CSS (but not visibility:hidden)

---

This method has the form:

.slideDown(duration,callback)

Parameter	Description
duration	(optional) Specifies the speed of the slide effect. (default = "normal"). Possible values: milliseconds "slow" (600 ms) "normal" (400 ms) "fast" (200 ms)
callback	(optional) A function to be executed after the method is completed

Return Value

This form returns a jQuery object.

---

This method has the alternate form:

.slideDown(duration,easing,callback)

Parameter	Description
duration	(optional) Specifies the speed of the slide effect. (default = "normal"). Possible values: milliseconds "slow" (600 ms) "normal" (400 ms) "fast" (200 ms)
easing	(optional) A string indicating which easing function to use for the transition.
callback	(optional) A function to be executed after the method is completed

Return Value

This form returns a jQuery object.

Examples

Slide down a hidden p element:

$(".btn2").click(function(){
  $("p").slideDown();
});