JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container">
<div class="box">
<div class="box_content">
Because time is valuable, we deliver quick and easy learning.
At W3Schools, you can study everything you need to learn, in an accessible and handy format.
</div>
<div class="box_trigger">Show/Hidde</div>
</div>
<div class="box">
<div class="box_content">
Because time is valuable, we deliver quick and easy learning.
At W3Schools, you can study everything you need to learn, in an accessible and handy format.
</div>
<div class="box_trigger">Show/Hidde</div>
</div>
<div class="box">
<div class="box_content">
Because time is valuable, we deliver quick and easy learning.
At W3Schools, you can study everything you need to learn, in an accessible and handy format.
</div>
<div class="box_trigger">Show/Hidde</div>
</div>
</div>
CSS
.box {margin-top:15px;}
.box_content {display:none; line-height:200%; text-align:center;}
.box_trigger {border:1px solid #ccc; cursor:pointer; padding:3px; text-align:center;}
JavaScript
$('.box_trigger').click(function(){
var parent = $(this).parent();
$('.box_content', parent).toggle();
});