JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div id="locations">
    <a href="#">Test Link</a>
    <a href="#">Test Link</a>
    <a href="#">Test Link</a>
    <a href="#">Test Link</a>
    <a href="#">Test Link</a>
</div>

CSS

div a {
    display: block;
}

JavaScript

$('#locations a').each(function(i) {
    var left = $(this).css('left'),
        top = $(this).css('top'),
        a = $(this).css({opacity: 0, left: 0, top: 0});
    
    $(document).queue('myQueue', function(n) {
      a.animate({left: left, top: top, opacity: 1}, n);
    });
});
$(document).dequeue('myQueue');