JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="pointer c1">a</a>

<a href="#" class="pointer c2">b</a>

<a href="#" class="pointer c3">c</a>

CSS

a {
    position:absolute
}

JavaScript

$(function () {
    var time = 700,
        pointer = $(".pointer").get().sort(function(a, b) {
            return Math.random() > 0.5;
        });
    
    $.each(pointer, function(i, e) {
        setTimeout(function() {
            $(e).animate({
                top: "+=400"
            }, time);
        }, (i * time));
    });
});