Toggle div-visibility on checkbox-change using JQuery.

by Bhesh Gurung

HTML

<div id="menteeQ"> Mentee Questions </div>
<div id="mentorQ"> Mentor Questions </div>

<input id="mentee"  type="checkbox" value="mentee"/>
<input id="mentor"  type="checkbox" value="mentor"/>

JavaScript

$(document).ready(function() {
    $("#mentee").change(function(){
        $("#menteeQ").toggle(this.checked);
    });
    
    $("#mentor").change(function(){
        $("#mentorQ").toggle(this.checked);
    });
    
    $('#mentee').change();
    $('#mentor').change();
});