JSFiddle - React, Tailwind, and code Playground

HTML

<div   class="collapse"  tabindex="1">
<h1> Test </h1>
<p><a href="www.google.com">link</a></p>
<p>some other text</p>
</div>

CSS

.collapse > * + *{
  display:none;
}
.collapse:focus > * + *{
  display:block; 
}