チェックボックスにチェックしたらコンテンツを表示させる

http://jsfiddle.net/5udtC/9660/

jQuery

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

1	$('#check').click(function() {

2	//クリックイベントで要素をトグルさせる

3	$("#box").slideToggle(this.checked);

4

});

css

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

1	input{margin:80px 0 0 80px;}

2

div{

3	display:none;

4	margin:25px;

5	padding:25px;

6	background:#eee;

7	width:200px;

8	height:150px;

9

}

html

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

1	<label><input type="checkbox" id="check">Check This!</label>

2	<div id="box">content is here</div>