JSFiddle - React, Tailwind, and code Playground

JavaScript

var div1 = "<div class='div1'></div>";
$('body').append(div1);
$(".div1").css({
   'background-color' : 'green',
   'height' : '100px'
});

var div2 = "<div class='div2'></div>";
$('body').append(div2);
$(".div2").css({
   'background' : 'red',
   'height' : '100px'
});

var div3 = "<div class='div3'></div>";
$('body').append(div3);
$(".div3").css({
   'background' : 'green',
   'height' : '100px'
});

var div4 = "<div class='div4'></div>";
$('body').append(div4);
$(".div4").css({
   'background' : 'red',
   'height' : '100px'
});

$(document).ready(function() {
function() {
	$( ".div1, .div3" ).animate({backgroundColor: 'red'
  }, 5000)};
});