JSFiddle - React, Tailwind, and code Playground

HTML

<div name="main">

    <input id="aaa" type="checkbox" /> If this is checked... display the div below.. if not checked.. don't display anything.
    <br/>
    <input id="bbb" type="checkbox" /> If this is checked... display the div below.. if not checked.. don't display anything.

</div>


<div class='other other2' name='other' title='other' style='display:none;'>
<input></input>
<input></input>
<input></input>
</div>
<div class='other2' name='other' title='other' style='display:none;'>
<input></input>
<input></input>
</div>

JavaScript

$(document).ready(function(){
    $('#aaa').change(function(){
        var checked = $(this).attr('checked');
        if (checked) {
           $('.other').show();             
        } else {
            $('.other').hide();
        }
    });    
    $('#bbb').change(function(){
        var checked = $(this).attr('checked');
        if (checked) {
           $('.other2').show();             
        } else {
            $('.other2').hide();
        }
    });            
});