JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div id = "test1"> Not animated</div>
<div id = "test2" class = ""> Animated</div>
<div id = "test3"> Animated</div>

CSS

.red {
    background-color: red;
    padding:10px;
}

JavaScript

$("#test1,#test2").delay(1000).addClass("red", 3000);
$("#test3").delay(1000).addClass("dummy").addClass("red", 3000)