JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="CLICK TO SHOW CONTENT">
<div id="content">
and the content will show.
</div>

CSS

#content {
  display: none;
}
input[type="text"]{
    color: transparent;
    text-shadow: 0 0 0 #000;
    padding: 6px 12px;
    width: 150px;
    cursor: pointer;
}
input[type="text"]:hover{
    outline: none;
}
input:focus + div#content {
  display: block;
}
#content div{ padding:"5px 5px;"}