JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    </head>
<body>
    <div class="red">
    </div>
     <div class="blue">
    </div>

    </body>    
</html>

CSS

.red{background-color:red;width:100px;height:100px;margin:0 auto;margin-top:40px;position:absolute;margin-left:100px;}

.blue{background-color:blue;width:100px;height:100px;margin:0 auto;margin-top:40px;position:absolute;z-index:-1;margin-left:100px;}

JavaScript

$(document).ready(function() {
    $('.red').click(function() {
        $(this).fadeOut(3000);
         $('.blue').fadeIn('slow');

    });

});