JSFiddle - React, Tailwind, and code Playground

by shockwave33

HTML

<body>
<button id="zobraz">Ukaž pozici v zásobníku</button>
<p> </p>
<div style="width: 60px; height:60px; position:absolute; background:red; "></div>

JavaScript

$(document).ready(function(){
$("#zobraz").click(function() {
    var pozice = $("div").queue("fx");
    $("p").text("Zásobník je na pozici:" + pozice.lenght);
});
function spustAnimaci(){
    $("div").show("slow");
    $("div").animate({left:"+=200"},2000);
    $("div").queue(function(){
    $(this).css("background","#c3c3c3");
                      $(this).dequeue();
                     }); 
    $("div").animate({left:"-=100"},1500);
    $("div").queue(function(){
    $(this).css("background","#FF0000");
                      $(this).dequeue();
                      }); 
     $("div").hide("slow");
    $("div").slideUp("normal", spustAnimaci);
                     }
spustAnimaci(); });