JSFiddle - React, Tailwind, and code Playground

by Sean Wessell

HTML

<input type="checkbox" name="mycheckbox" id="mycheckbox" value="0" />
<div id="mycheckboxdiv">
  This content should appear when the checkbox is checked
</div>
<input type="checkbox" name="mycheckbox1" id="mycheckbox1" value="0" />
<div id="mycheckboxdiv1">
  This content should appear when the checkbox is checked
</div>

CSS

input[type="checkbox"] + div {
  display: none;
}
input[type="checkbox"]:checked + div {
  display: block;
}