In jQuery, the **`slideDown()` method** is used to slide down and show an element in the jQuery collection. The elements can also be hidden elements that are either hidden using jQuery methods or using the `display:none` property in CSS.

> This function cannot be used to show hidden elements that have been hidden using the `visibility:hidden` property.

#    
#  Syntax

```
$(selector).slideDown(speed,easing,callback)
```
#    
## Parameters

* **`speed`**: An optional parameter that is used to specify the duration of the event of sliding down. It can be in milliseconds or `slow` and `fast`. The default value is 400 milliseconds.
* **`easing`**: An optional parameter that specifies the speed of the element in different points of the animation. The possible values are: `swing` and `linear`, of which `swing` is the default. 

* **`callback`**: An optional parameter that is the `callback` function which gets called once the sliding is over. 

##   
## Code

In the code below, the text `"Best learning platform!"` gets shown as it slides down once the `Slide Down` button is clicked.


<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#slideDownBtn").click(function(){
    $("span").slideDown(1000);
  });

});
</script>

<style>
span {
  padding: 10px;
  display: none;
}
</style>
</head>
<body>

<h3>Welcome to Educative.io</h3>

<span>Best learning platform!</span>

<button id="slideDownBtn">Slide Down</button>

</body>
</html>



codemirror

What is the slideDown() method in jQuery?

The slideDown() method in jQuery slides down to show an element, except those hidden by visibility:hidden.