JSFiddle - React, Tailwind, and code Playground

by Karan1412

HTML

<div id="myDiv1">Without chaining</div>
<br />
<br />
<br />
<div id="myDiv2">With chaining</div>

CSS

#myDiv1 {
    background-color : red;
}
#myDiv2 {
    background-color : green;
}

JavaScript

$(document).ready(function () {
    $("#myDiv1").css("height", "100px");
    $("#myDiv1").delay("2000");
    $("#myDiv1").slideUp("slow");
    
    $("#myDiv2").css("height", "100px").delay("2000").slideUp("slow");
});