JSFiddle - React, Tailwind, and code Playground

by biz79

HTML

<div class='red'></div>
<div class='green'></div>

CSS

div {
   width:200px; 
   height:200px;
   border:1px solid black;
   display:inline-block;
}

.red {
    background:red;
}

.green {
    background:green;
    opacity:0;
}

JavaScript

var $divs = $('div');

$divs.eq(0).animate( {"opacity":"0"},1000 , function() {
    $divs.eq(1).animate( { "opacity":"1" },1000)
})