JSFiddle - React, Tailwind, and code Playground

by Jonathan Sampson

HTML

<input type="checkbox" class="box_a" />
<input type="checkbox" class="box_b" />

<div class="box" id="a">This is a box.</div>
<div class="box" id="b">This is b box.</div>

CSS

.box {
    display: none;
}

.box_a:checked ~ #a,
.box_b:checked ~ #b {
    display: block;
}