JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <p>Something</p>
<p class="para">paragraph 1</p>
<p class="para">paragraph 2</p>
<p class="para">paragraph 3</p>
</div>

CSS

p.para { display: none; }

JavaScript

$('p.para').bind('appear', function(){
    console.log('here');
  $(this).fadeIn('quick', function(){
    $(this).next('p.para').trigger('appear');
  });
}).prependTo('wrapper').end().first().trigger('appear');