JSFiddle - React, Tailwind, and code Playground

HTML

<label for="show_content_1" class="showcontent">Show content</label>
<input type="checkbox" id="show_content_1">
<div class="content">
This here is some hidden text
</div>
<label for="show_content_2" class="showcontent">Show content</label>
<input type="checkbox" id="show_content_2">
<div class="content">
This here is some more hidden text
</div>

CSS

label {
  cursor: pointer;
  text-align: center;
  display: block;
}
input[type=checkbox],.content {
  display: none;
}
.content {
  background: #ddd;
  margin: 1em;
  padding: 1em;
}
input[type=checkbox]:checked + .content {
  display: block;
}