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();
}