JSFiddle - React, Tailwind, and code Playground

by stecb

HTML

<div class="comment">Comment </div>
<div class="comment">Comment </div>
<div class="comment">Comment </div>
<div class="comment">Comment </div>
<div class="comment">Comment </div>
<div class="comment">Comment </div>
<div class="comment">Comment </div>
<div class="comment">Comment </div>

JavaScript

$.each($('.comment'), function(i, el){

    $(el).css({'opacity':0});
    
    setTimeout(function(){
       $(el).animate({
        'opacity':1.0
       }, 450);
    },500 + ( i * 500 ));
    
});