JSFiddle - React, Tailwind, and code Playground

by kadaj

HTML

<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div class="test">A</div>
<div class="test">B</div>
<div class="test">C</div>
<div class="test">D</div>

CSS

.test {
  padding: 1em;
  background: green;
  margin: .5em;
  display: none;
}

JavaScript

$(document).ready(function () {
    $(".test").each(function (k,v) {
        $(v).fadeIn(k*1000);
    });
});