JS Click to Hide

by Colin Soderstrom

HTML

<input type="button" id="hideBtn" value="Click to Hide" />
<div id="hidethisdiv">
    <p>This Div will be hidden</p>
</div>

CSS

#hideBtn {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}
#hidethisdiv {
    height: 50px;
    width: 100px;
    margin-left: 20px;
    background-color: red;
}

JavaScript

$('document').ready(function(){
    $('#hideBtn').click(
        function(){
            $('#hidethisdiv').hide(); 
        });
});