JSFiddle - React, Tailwind, and code Playground

HTML

<div id="1" style="background-color: #39B; height: 200px; width: 200px;">1
    <div id="2" style="background-color: #BE3; height: 150px; width: 150px;">2
        <div id="3" style="background-color: #B6F; height: 100px; width: 100px;" >3</div>
    </div>
</div>
<button id="toggle-1">Toggle 1</button>
<button id="toggle-2">Toggle 2</button>
<button id="toggle-3">Toggle 3</button>

JavaScript

$("#toggle-1").click(function() { $("#1").toggle(); } );
$("#toggle-2").click(function() { $("#2").toggle(); } );
$("#toggle-3").click(function() { $("#3").toggle(); } );