Result

jQuery

$('#check').click(function() {
    //クリックイベントで要素をトグルさせる
    $("#box").slideToggle(this.checked);
});

css

input{margin:80px 0 0 80px;}
div{
    display:none;
    margin:25px;
    padding:25px;
    background:#eee;
    width:200px;
    height:150px;
}

html

<label><input type="checkbox" id="check">Check This!</label>
<div id="box">content is here</div>