JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#element" id="show" class="button">Show</a>
<div id="element">
<a href="#show" id="hide" class="button">Hide</a>
    <p>  Hide Button</p>
</div>

CSS

.button {
    display: block;
    width:60px;
    background: red;
     z-index:1;
}
#element {
    display: none;
    background:#fff;
    margin-top:-20px;
    z-index:2;
}
#element:target {
    display: block;
}
#show:target {
    display: block;
}
#hide {
    background: #000;
    color: #fff;
}