JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<input type="checkbox" name="" id="458105480">
<label for="458105480">
  <h2>
    Some header
  </h2>
</label>
<section class="hide">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus mollitia animi quia atque necessitatibus? Id incidunt magni, possimus autem ducimus numquam quibusdam pariatur unde. Rerum distinctio totam nisi vel nihil!</div>
  <div>Beatae commodi sint, nihil velit qui unde nisi et, accusantium temporibus eos vel explicabo autem ratione porro error assumenda neque voluptas consequatur dolorum, rem molestiae. Nesciunt, tempora labore alias placeat.</div>
  <div>Ut minus assumenda maiores doloremque quasi placeat temporibus laborum sit officia, reprehenderit aperiam quidem eius quibusdam nisi officiis soluta fuga et reiciendis porro neque ea. Quae suscipit, id numquam dignissimos!</div>
</section>

CSS

section.hide {
  display: none;
}

input[type=checkbox] {
  position: absolute;
  top: -10000em;
  left: -1000em;
}

:checked + label + section.hide {
  display: block;
}