Display/Hide the content based on the checkbox state in jQuery  

<input id="toggleDisplay" type="checkbox"/>
<div id="content">Tick the checkbox to display the content. Uncheck the box to hide it.</div>

$(function() {
    function toggleCheckBox() {
        var isChecked = $('#toggleDisplay').is(':checked');
        var content = $('#content');
        if (isChecked) {
            content.show();
        } else {
            content.hide();
        }
    }
    $('#toggleDisplay').change(function() {
        toggleCheckBox();
    });
    toggleCheckBox();
});