JSFiddle - React, Tailwind, and code Playground

HTML

<div id="holder">
    <div id="target" style="display:none"></div>
</div>

<button id="start">Start</button>

CSS

#holder {
    height: 40px;
}

JavaScript

$('document').ready(function(){

 
$('#start').click(function(){
    setTimeout('$("#target").html("This is one.")', 0);
    setTimeout('$("#target").fadeIn(1000)', 0);
    setTimeout('$("#target").fadeOut(1000)', 2000);
    setTimeout('$("#target").html("This is two.")', 3000);
    setTimeout('$("#target").css("color","#dc0000")', 3000);
    setTimeout('$("#target").fadeIn(1000)', 3000);
    setTimeout('$("#target").fadeOut(1000)', 4000);
    setTimeout('$("#target").html("This is three.")', 5000);
    setTimeout('$("#target").css("color","#990099")', 5000);
    setTimeout('$("#target").fadeIn(1000)', 5000);
    setTimeout('$("#target").fadeOut(1000)', 6000);
    setTimeout('$("#target").css("color","#000000")', 7000);
});
  


});