JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <div id="images">
                <a href="#"><img src="" alt=""/>A</a>
                <a href="#"><img src="" alt=""/>B</a>
                <a href="#"><img src="" alt=""/>C</a>
                <a href="#"><img src="" alt=""/>D</a>
                <a href="#"><img src="" alt=""/>E</a>
        </div>

        <script type="text/javascript">
            $(document).ready(function() { 
                $('#images').find('a').fadeIn(500);
            });
        </script>

JavaScript

var $elms = $('#images').find('a');
$elms.fadeOut(0);

var elms = $.makeArray($elms);

function fadeNext () {
   var e = elms.shift();
   if (e) {
      $(e).fadeIn(500, fadeNext);
   }
}
fadeNext();