JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

CSS

ul {
    height: 100px;
    overflow: hidden;
}

li {
    float: left;
    width: 50px;
    height: 100px;
    background-color: yellow;
    border-right: solid 1px red;
}

JavaScript

//$('li').css('margin-top', '-100px');
$('li').hide();

$('li').each(function(i) {
    $(this)
        .delay(i * 1000)
        .show('blind', {}, 500);
});