This Angular tutorial helps you get started with Angular quickly and effectively through many practical examples.

jQuery SlideDown

jQuery slideDown() Method

The jQuery slideDown() method is used to slide down an HTML element.



  1. speed -It specifies the speed of the slideDown effect. Default value is 400 milliseconds. Possible values:

    • milliseconds
    • slow
    • fast
  2. callback - A function to be executed after the slideDown method is completed.

 The following example demonstrates the slideDown() method.


<!DOCTYPE html>
<script src=""></script>
#flipid {
padding: 5px;
text-align: center;
background-color: red;
border: solid 1px green;

#panelid {
padding: 5px;
text-align: center;
background-color: green;
border: solid 1px green;

#panelid {
padding: 50px;
display: none;

<div id="flipid">Click to slide down</div>
<div id="panelid">!</div>



jquery slideDown method

Now click on the Click to slide down. It will slide down as following:

jquery slideDown method
Prev Next