JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <style>div { margin:3px; width:40px; height:40px;
        position:absolute; left:0px; top:60px; 
        background:green; display:none; }
  div.newcolor { background:blue; }
  p { color:red; }  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
  <p>Kuyruktaki animasyon sayısı: <span></span></p>
  <div></div>
<script>
var div = $("div");

function calistir() {
  div.show("fast");
  div.animate({left:'+=200'},10001);
  div.slideToggle(1000);
  div.slideToggle("fast");
  div.animate({left:'-=200'},1500);
  div.hide("slow");
  div.show(1200);
  div.slideUp("normal", calistir);
}

function goster() {
  var n = div.queue("fx");
  $("span").text( n.length );      
  setTimeout(goster, 100);
}

calistir();
goster();
</script>

</body>
</html>