JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://mammabedankt.nl/js/cycle.js"></script>
<ul id="newsticker">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
JavaScript
$(function(){
$('#newsticker li').hide();
InOut( $('#newsticker li:first') );
var lengthUl = $('#newsticker').children().length;
var i = 0
function InOut( elem )
{
// elem.delay().fadeIn(100).delay(100).fadeOut(function() {
i++;
InOut(elem.next());
if(i == lengthUl){
InOut( $('#newsticker li:first') );
i = 0;
}
}
) ;
}
});