Checkbox Toggle Show/Hide Div
HTML
<div>
<label class="inline" for="Eligible_Student_18_to_25">Student 18 to 25?</label>
<input type="checkbox" class="show_hide" data-toggle="showEligibleStudent" id="Eligible_Student_18_to_25"></input>
</div>
<div class="hideContainer showEligibleStudent">Blah blah blah. Hide this when the checkbox is unchecked.</div>
CSS
.hideContainer {
display:none;
}
JavaScript
$('#Eligible_Student_18_to_25').change(function () {
$('.' + $(this).data('toggle')).toggle();
});