JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   <a href="#" class="link">
     <label for="a">test</label>
   </a>
  <input type="checkbox" class = "input" id = "a">
  <div class="hidden">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum tenetur impedit quod distinctio nobis. Temporibus odio non in culpa, quos ex. Soluta doloribus, ab assumenda dolor architecto debitis quam rerum.
  </div>
</div>

CSS

.input {
  display: none;
}

.hidden{
  display: none;
  color: red;
}

.input:checked ~ .hidden {
  display: block;
}