JSFiddle - React, Tailwind, and code Playground
HTML
<div class="clickme">
test content 1
<p>Content inside first</p>
</div>
<div class="clickme">
test content 2
<p>Content inside second</p>
</div>
<div class="clickme">
test content 3
<p>Content inside third</p>
</div>
<div class="clickme">
test content 4
<p>Content inside fourth</p>
</div>
CSS
.clickme {
height: 50px;
}
.clickme p {
margin: 0px;
display: none;
}
JavaScript
$(".clickme").click(function() {
$(this).find("p").slideDown();
});