JSFiddle - React, Tailwind, and code Playground
HTML
<div class="holder">Title
<div class="sub">
Integer lacinia urna eget magna luctus tristique? Nulla euismod imperdiet quam vitae porta. Morbi libero odio, tincidunt nec tristique eget, adipiscing id nisi. Curabitur vitae leo ligula, sit amet imperdiet ligula. Nullam pretium elit eu risus vulputate condimentum. Praesent arcu sem, interdum ac elementum ac, cursus euismod ipsum. Mauris sollicitudin est ac massa viverra lacinia sit amet nec nunc. Aenean at leo eros. Fusce id aliquet felis. Duis lectus augue, aliquet quis iaculis et, sollicitudin a neque. Duis turpis nisi, accumsan nec hendrerit nec, molestie et nunc! Donec sit amet mi vel sapien aliquam mollis eu ut elit. Vivamus ac iaculis nibh? Duis molestie consectetur mauris id facilisis.
</div>
</div>
<div class="holder">Title
<div class="sub">
Integer lacinia urna eget magna luctus tristique? Nulla euismod imperdiet quam vitae porta. Morbi libero odio, tincidunt nec tristique eget, adipiscing id nisi. Curabitur vitae leo ligula, sit amet imperdiet ligula. Nullam pretium elit eu risus vulputate condimentum. Praesent arcu sem, interdum ac elementum ac, cursus euismod ipsum. Mauris sollicitudin est ac massa viverra lacinia sit amet nec nunc. Aenean at leo eros. Fusce id aliquet felis. Duis lectus augue, aliquet quis iaculis et, sollicitudin a neque. Duis turpis nisi, accumsan nec hendrerit nec, molestie et nunc! Donec sit amet mi vel sapien aliquam mollis eu ut elit. Vivamus ac iaculis nibh? Duis molestie consectetur mauris id facilisis.
</div>
</div>
<div class="holder">Title
<div class="sub">
Integer lacinia urna eget magna luctus tristique? Nulla euismod imperdiet quam vitae porta. Morbi libero odio, tincidunt nec tristique eget, adipiscing id nisi. Curabitur vitae leo ligula, sit amet imperdiet ligula. Nullam pretium elit eu risus vulputate condimentum. Praesent arcu sem, interdum ac elementum ac, cursus euismod ipsum. Mauris sollicitudin est ac massa viverra...
CSS
.holder {width:100%;
height:auto;}
.sub {display:none;}
.active {display:block;}
JavaScript
$('.holder').click( function(){
if( $(this).find('.sub').is(':visible')){
return false;}
else{
$('.holder .sub:visible').slideUp();
$(this).find('.sub').slideDown();
}
})