JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<div id="wrapper">
<div class="message">Now is the time for all good men to come to the aid of their parties</div>
<div class="message">Now is the time for all good men to come to the aid of their parties</div>
<div class="message">Now is the time for all good men to come to the aid of their parties</div>
</div>

CSS

#wrapper
{
   width: 100px;
}

JavaScript

$('.message').each(function (index) {
    var t = $(this);
    t.height(t.height());
    t.hide();
    t.slideDown(3000, 'easeOutQuad');
});