Result jQuery$('#check').click(function() { //クリックイベントで要素をトグルさせる $("#box").slideToggle(this.checked); });cssinput{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>
![チェックボックスにチェックしたらコンテンツを表示させる](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)