JSFiddle - React, Tailwind, and code Playground

by Jonathan Sampson

HTML

<input type="checkbox" class="check" />
<input type="checkbox" class="check" />

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

CSS

.box {
    display: none;
}

.check:nth-of-type(1):checked ~ .box:nth-of-type(1),
.check:nth-of-type(2):checked ~ .box:nth-of-type(2) {
    display: block;
}