JSFiddle - React, Tailwind, and code Playground

HTML

<div id="show">
    <a href="#show" id="open" class="none">Open</a>
    <div id="content">
         
        <a href="#hide" id="close" class="none">Close</a>
        <br>some text...
    </div>
</div>

CSS

#content {
    display: none;
}
#show:target #content {
    display: block;
}
#show:target #open {
    display: none;
}