Q&A: Show/Hide DIV on checkbox click

HTML

<input type="checkbox" id="cbxShowHide"/><label for="cbxShowHide">Show/Hide</label>
<div id="block">Some text here</div>

CSS

#block{display:none;background:#eef;padding:10px;text-align:center;}

JavaScript

$('#cbxShowHide').click(function(){
    this.checked?$('#block').show(9):$('#block').hide(9);
});