JSFiddle - React, Tailwind, and code Playground

by JEYASHRI R

HTML

<body>
<div class="menus">Menu Loading</div>
<div class="maincontent">Loading Image</div>
<div class="footer">Footer Loading</div>
</body>

CSS

.menus {
	height: 200px;
	width: 200px;
	background-color:yellow;
    display:none;
    
}
.footer {
	height: 200px;
	width: 200px;
    background-color:red;
    display:block;
    display:none;
  
}

JavaScript

$(document).ready(function(){    
    $(".maincontent").fadeOut( "slow"); 
    $(".menus,.footer").fadeIn("slow", function() {
         $(this).text("menu, footer"); 
    }); 
});