JSFiddle - React, Tailwind, and code Playground
HTML
<div class="wrapper">
<div class="car">car</div>
</div>
<button id="button">spawn new car</button>
CSS
.car{
position:absolute;
left:0;
top:0;
}
.wrapper{
position:relative;
top:0;
left:0;
width:100%;
}
JavaScript
$(document).ready(function() {
var car = $('.car');
car.animate({left:"+=367px"}, 2000);
car.animate({top:"-=247px"}, 2000);
$("#button").click(function () {
$(".wrapper").append('<div class="car move">car</div>');
var car = $('.move');
car.animate({left:"+=367px"}, 2000);
car.animate({top:"-=247px"}, 2000);
$(".car").removeClass('move');
});
});