JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="show" />
<div class="secret">
Secret
</div>
<div class="nosecret">
No Secret
</div>
<div class="secret">
Secret
</div>
<div class="nosecret">
No Secret
</div>
<label for="show">Toggle secrets</label>

CSS

#show {
  display: none;
}

.secret {
  display: none;
}

#show:checked ~ .secret {
  display: block;
}

label {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}