JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="toggle-1">
<label for="toggle-1">Do Something</label>
<div class="test1">hallo</div>

CSS

input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

.test1{
   display: none;
   border: 2px solid black;
}
 
input[type=checkbox]:checked  ~ .test1{
   display: table-row;
   border: 2px solid black;
   color: green;
   }