JSFiddle - React, Tailwind, and code Playground

HTML

<div id="filterControls">
    <label><input type="checkbox" value="mood" name="MoodCheckbox" /> Mood</label>
    <label><input type="checkbox" value="medical" name="MedicalCheckbox" /> Medical</label>
</div>

<div class="sectionContent mood">
    Mood div
</div>

<div class="sectionContent medical">
    Medical div
</div>

<div class="sectionContent voice">
    Voice div
</div>

CSS

.sectionContent {
    background: #ddd;
    mragin: 10px;
}

JavaScript

$("#filterControls :checkbox").click(function() {
    $(".sectionContent").hide();
    $("#filterControls :checkbox:checked").each(function() {
        $("." + $(this).val()).show();
    });
    if($("#filterControls :checkbox").prop('checked') == false){
        $(".sectionContent").show();
    }
});