JSFiddle - React, Tailwind, and code Playground

JavaScript

(function($) {var params=new Array;
	var images=new Array;
	var interval=new Array;
	var imagePos=new Array;
	var appInterval=new Array;	
	var squarePos=new Array;	
	$.fn.coinslider=$.fn.CoinSlider=function(options){init=function(el){
			images[el.id]=new Array();
			imagePos[el.id]=0;
			squarePos[el.id]=0;
			params[el.id]=$.extend({},$.fn.coinslider.defaults,options);
			$.each($('#'+el.id+' img'),function(i,item){images[el.id][i]=$(item).attr('src');
			});
			$(el).css({background:'url('+images[el.id][0]+')',width:951,height:383,position:'relative',backgroundPosition:'top left'}).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");
			$('#'+el.id).append("<div class='cs-"+el.id+"' id='cs-"+el.id+"' style='width:100%;height:100%;left:0;top:0;position:absolute;background-position:0 0;'></div>");
			$('.cs-'+el.id).hover(function(){$('#cs-navigation-'+el.id).show();params[el.id].pause=true},function(){$('#cs-navigation-'+el.id).hide();params[el.id].pause=false});
			$('#coin-slider-'+el.id).append("<div id='cs-buttons-"+el.id+"' class='cs-buttons'></div>")
			for(k=1;k<images[el.id].length+1;k++){
				$('#cs-buttons-'+el.id).append("<a class='cs-button-"+el.id+"' id='cs-button-"+el.id+"-"+k+"'></a>")
			}
			$.each($('.cs-button-'+el.id),function(i,item){$(item).click(
				function(e){
					if($(this).hasClass('cs-active')){return...