JSFiddle - React, Tailwind, and code Playground
by george_black
HTML
<button>Start Animation</button>
<div id="1" style="background: red; height: 100px; width: 100px; position: absolute;"></div>
<div id="2" style="background: blue; height: 100px; width: 100px; position: absolute; left: 200px;"><div>JavaScript
$(function() {
<!-- Μόνο ένα animation -->
$("button").click(function() {
$("div#1").animate({left: "250px"});
});
<!-- Πολλαπλά animations -->
$("button").click(function() {
$("#2").animate({
left: "400px",
top: "300px",
height: "200px",
width: "200px"
});
});
});