html - Slide up, and hide a div using jquery on click -

i want hide div when user clicks on element animation. want div slide up, , hide (display: none) onclick. possible? if so, how?

thanks help!

you can use .slideup() method.

jsfiddle

css

#container {     border: 3px double blue;     height: 300px; } 

html

<div id="container">this must slide up</div> <button>click me</button> 

js

$(function() {     $("button").on("click", function() {         $("#container").slideup();     }); });