Toggle Hide/Show

Toggle the div's visibility using jquery.

by Varun Krishna P

HTML

<button>show and hide</button>
<div id="mydiv"></div>

CSS

#mydiv{
    width:300px;
    height:300px;
    background:red;
    display:none;
}

JavaScript

$('button').click(function(){
$('#mydiv').toggle('slide',500)
})