JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="content">
    <li>apejens</li>
    <li>horepetra</li>
    <li>ninjasaus</li>
    <li>kjeppen</li>
    <li>col. mustard</li>
    <li>fyyyyy</li>
    <li>podolski</li>
</ul>

CSS

li { position: relative; top: 10px; }

JavaScript

var $content = $('#content li');
$content.each(function(i) {
     var $body = $(this);  
     $(this)
     .animate(
         {
            'top': 0
         },
         {
             duration: 500, 
             complete: function () {
                 $(this).css('border', '1px solid red');
                 console.log(upperCase($body.text()));
             }
         }
     );
});

var upperCase = function (str) {
    var str = str;
    return str.toUpperCase();
}