JSFiddle - React, Tailwind, and code Playground

by kiokotzu

HTML

<div class="content">Hola, voy a desaparecer en 5 segundos!</div>
<div class="content2" style="display:none;">Hola, soy un nuevo div!</div>

CSS

.content {
	width:400px;
	margin:0 auto;
	height:350px;
	padding:10px;
	background-color:#CCCCCC;
}

.content2 {
	width:400px;
	margin:0 auto;
	height:150px;
	padding:10px;
	background-color: #0099CC;
}

JavaScript

$(document).ready(function() {
    setTimeout(function() {
        $(".content").fadeOut(1500);
    },3000);
	
	setTimeout(function() {
        $(".content2").fadeIn(1500);
    },6000);
});