JSFiddle - React, Tailwind, and code Playground

HTML

<p class="flip" onclick="myShowFunction()">Click to show panel</p>

<div id="panel">
  
  <p>It is styled with CSS, and we use JavaScript to show it (change it to.</p>
</div>

CSS

#panel, .flip {
   font-size: 16px;
    padding: 10px;
    text-align: center;
    background-color: #4CAF50;
    color: white;
    border: solid 1px #a6d8a8;
    margin: auto;
    cursor:pointer;
}

#panel, {
    display: none;
    cursor:auto;
}

JavaScript

function myShowFunction() {
    document.getElementById("panel").style.display = "block";
}