JSFiddle - React, Tailwind, and code Playground

HTML

<div class="acco" id="show">
<h3>show</h3>
  <div class="test">test</div>

  <div class="click" ><a href="#show">click</a></div>
</div>

CSS

.acco h3 + div{height:0px; overflow:hidden;}
.acco:target h3 + div {
    border: 2px solid red;
    height:100px;
}