JSFiddle - React, Tailwind, and code Playground

HTML

<button class="show">Show</button>
<div class="hidden">I'm hidden!
    <input type="text" /></div>

CSS

.hidden {
    display: none;
}
.hidden:before {
    z-index: 2;
    content: "";
    display: block;
    position: relative;
    top: -30px;
    height: 100px;
    width: 100px;
}
.show:active ~ .hidden, 
.hidden:hover {
    display: block!important;
}