JSFiddle - React, Tailwind, and code Playground
HTML
<div id="lt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique risus at nunc pharetra imperdiet. Nullam est velit, sollicitudin et dignissim a, pharetra at nunc. Suspendisse aliquet quam sed nisi pellentesque aliquam. Integer sapien lorem, molestie nec semper ut, molestie ac purus. Integer ac libero sapien, id convallis massa. Nunc fermentum volutpat urna nec ornare. Etiam orci nibh, aliquet non aliquet vel, bibendum id tellus. Nunc bibendum blandit ante, vitae malesuada felis vehicula quis. Fusce dui neque, molestie sed sodales nec, eleifend sit amet massa.
</div>
<div id="mm">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique risus at nunc pharetra imperdiet. Nullam est velit, sollicitudin et dignissim a, pharetra at nunc. Suspendisse aliquet quam sed nisi pellentesque aliquam.
</div>
<div id="ss">
Lorem ipsum dolor sit amet.
</div>
CSS
div {
float: left;
width: 100px;
background: #e1e1e1;
border: 1px solid #999;
margin: 10px;
}
JavaScript
$("div").each(function(){
var H = $(this).outerHeight();
$(this).height( '0' );
var spp = 1000/20;
$(this).animate({ height: H }, spp*H, 'linear');
});