JSFiddle - React, Tailwind, and code Playground

by Omid Rasouli

HTML

<ul id="slider">
    <li>first</li>
    <li>second</li>
    <li>third</li>
  </ul>

JavaScript

(function($){
	$.fn.newsSlider = function() {
        this.each( function() {
            $(this).each(function(){
                $(this).append($(this).children(":first-child").clone());
                $(this).children(":first-child").remove();
			});
		});
	};
}(jQuery));

$(document).click(function() {
    $("#slider").newsSlider("#slider");
});