JSFiddle - React, Tailwind, and code Playground

by damian_silvera

HTML

<input type="button" value="loadStuff" id="load" />
<div class="element">

</div>
<div class="element2" style="display:none;">
    Loading....
</div>

JavaScript

$(document).ready(function() {
    
    $("#load").click(function() {
        var text = "content info";
        $(".element2").fadeIn("slow",function(){
            loadStuff(text );
        });
        
    });
    
    function loadStuff(text){
        $(".element").append(text);
        $(".element2").fadeOut("slow");
    }
});