JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<input id='btn' type=checkbox>
<label for='btn'>button</label>
<div class='text'>
text
</div>
</div>CSS
.text{display:none}
input[type=checkbox]{display:none;}
input[type=checkbox]:checked ~ .text{display:block !important;}
input[type=checkbox]:checked ~ label{display:none}