JSFiddle - React, Tailwind, and code Playground
HTML
<div class="holder">
<div>
<h2>Blah</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci in dicta facilis ullam assumenda recusandae cum, quas alias distinctio at mollitia dolore ipsa aspernatur reiciendis. <span>Click For More Temporibus vitae quaerat, consequuntur distinctio.Click For More Temporibus vitae quaerat, consequuntur distinctio.</span></p>
<button>Click to see more</button>
</div>
<div>
<h2>Blah</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci in dicta facilis ullam assumenda recusandae cum, quas alias distinctio at mollitia dolore ipsa aspernatur reiciendis. <span>Click For More Temporibus vitae quaerat, consequuntur distinctio.Click For More Temporibus vitae quaerat, consequuntur distinctio.</span></p>
<button>Click to see more</button>
</div>
<div>
<h2>Blah</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci in dicta facilis ullam assumenda recusandae cum, quas alias distinctio at mollitia dolore ipsa aspernatur reiciendis. <span>Click For More Temporibus vitae quaerat, consequuntur distinctio.Click For More Temporibus vitae quaerat, consequuntur distinctio.</span></p>
<button>Click to see more</button>
</div>
</div>
CSS
.holder{
width:100%;
margin: 0 auto;
text-align: center;
}
.holder div{
width:25%;
vertical-align: top;
border:1px solid black;
display:inline-block;
padding:20px;
}
button{
padding:10px 20px 10px 20px;
background-color:red;
color:#ffffff;
border:1px solid #000000;
cursor:pointer;
transition:background 0.4s , color 0.5s;
}
button:hover{
border:1px solid #000000;
background-color:#ffffff;
color:red;
}
JavaScript
var $span = $('span')[0],$span2 = $('span')[1] ,$span3 = $('span')[2];
var $button = $('button')[0] , $button2 = $('button')[1],$button3 = $('button')[2];
$('span').hide();
$('button').click(function(){
$(this).parent().find('span').slideToggle('fast');
});