The **jQuery `hide()`** method is used to hide ​selected HTML elements from the display. It takes in three arguments:
* **speed**: how long it will take to hide the specified element.
* **easing**: the easing function for the transition.
* **complete**: the function to call after the animation is completed.

The following illustration goes over the syntax:

# Code

The following code snippet shows how to use the `hide()` method. When the "show less" button is clicked, details about jQuery will be hidden:​

<!DOCTYPE html>  
<html>  
    <head>
    </head> 
    <body>  
    
    <p> jQuery is a JavaScript library that is fast and full of exciting features.</p>  
    <button>Show less</button>  
    </body> 
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script>  
        // Callback function for the hide method
        let complete = function(){
            console.log("Contents hidden successfully!")
        }
        $(document).ready(function(){  
            $("button").click(function(){  
                // Setting the speed to slow, the easing function to linear
                // and calling the function "complete"
                $("p").hide("slow","linear",complete );  
            });  
        });  
    </script>  
</html>

codemirror

console

What is the jQuery hide() method?

Hides selected HTML elements; takes three arguments: speed, easing, and complete function.