JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flip">Unfold!</div>
<div class="panel">Hello<br>This is First</div>
    
<div class="flip">unfold 2!</div>
<div class="panel">hello<br>This is Second</div>

CSS

.panel,.flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
.panel
{
padding:50px;
display:none;
}

JavaScript

$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideDown("slow");
});
});