JSFiddle - React, Tailwind, and code Playground
HTML
<ul id="slider">
<li>first</li>
<li>second</li>
<li>third</li>
</ul>
JavaScript
(function($){
$.fn.newsSlider = function() {
var self = this;
setTimeout(function() {
self.each( function() {
$(self).each(function(){
$(self).append($(self).children(":first-child").clone());
$(self).children(":first-child").remove();
});
});
}, 1000);
};
}(jQuery));
$(document).ready(function() {
$("#slider").newsSlider("#slider");
});