Adding a div with a checkbox

Step through with versions.

by jazahn

HTML

<input id="mycheck" type="checkbox"/>
<div id="mydiv" style="display: none">Pretend this is a form</div>

JavaScript

// checkbox to add a div
var mycheck = $("#mycheck");
var mydiv = $("#mydiv");

mycheck.on('click', function(){
    // display a hidden div based on checkyness
    if(mycheck.is(':checked')){
        // show    
        mydiv.css('display', "block");
    } else {
        // hide
        mydiv.css('display', "none");
    }

});