JSFiddle - React, Tailwind, and code Playground

by Pavel Plehanov

HTML

<div class="fade">1</div>
<div class="fade">2</div>
<div class="fade">3</div>
<div class="fade">4</div>
<div class="fade">5</div>
<div class="fade">6</div>

CSS

.fade {
    display: none;
}

JavaScript

jQuery.fn.fade_img = function (ops) {
  var jQueryelem = this;
  var res = jQuery.extend({ delay: 500, speed: 500 }, ops);
  for (var i=0, pause=0, l=jQueryelem.length; i<l; i++, pause+=res.delay) {
   jQueryelem.eq(i).delay(pause).fadeIn(res.speed);
  }
  return jQueryelem;
 };
 jQuery('.fade').fade_img();