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');

    $(this).css({opacity: 0, left: 0, top: 0})
           .delay(400 * i)
           .animate({left: left, top: top, opacity: 1});
});