Hide show div using checkbox

Display div when checkbox is checked and vice-versa

by varun_1995

HTML

<input type="checkbox" name="map_checkbox" id="map_checkbox" class="" />Check to See image
<div id="map_canvas" style="height: 480px; width: 670px;">
    <img src="http://i.stack.imgur.com/jDrHn.png?s=128&g=1">
</div>

JavaScript

$(document).ready(function () {
    $("#map_canvas").show();
    $("#map_checkbox").click(function () {
        if ($("#map_checkbox").is(":checked")) {
            $("#map_canvas").show();
        } else if ($("#map_checkbox").not(":checked")) {
            $("#map_canvas").hide();
        }
    })
});