JSFiddle - React, Tailwind, and code Playground

HTML

<div class="showhim">Press ME<div class="showme">Working</div></div>
<div class="showme" id='makeMeWork'>Not Working</div> <div class="showhim">Press ME</div>

CSS

.showme{ 
    display: none;
    background-color:red;
    width:200px;
    height:50px;
}
.showhim:active .showme{
display : block;
    background-color:green;
}