JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.js"></script>
<div id='content'> <p> foo </p> <p> hello </p> <p> bar </p> </div>

CSS

p {
    visibility: hidden;
}

JavaScript

$('#content').children('p').each(function (index, elem) {
	setTimeout(function () {
  	$(elem).css({visibility: 'visible'});
  }, 500 * index);
});