jQuery - slide()

Common slide() methods for which you can use optional time 'delay' values:

• slideDown - used to slide down an element.
• slideUp - used to slide up an element.
• slideToggle - toggles between the slideDown() and slideUp() methods

http://api.jquery.com/category/effects/sliding/

slideDown Example

The element to slide down should have a CSS display property of hidden.

 

slideUp Example

 

slideToggle Example

The element to slide down should have a CSS display property of hidden.

 

//slide down
$("#flip").click(function () { $("#panel").slideDown("slow"); });

//slide up
$("#flip2").click(function () { $("#panel2").slideUp(5000); })

//slide toggle
$("#flip3").click(function () { $("#panel3").slideToggle(); });