JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Press &amp; Media</h1>
<div id="overlay-content">
    <span id="edocs" class="tab">edocs</span>
    <span id="news" class="tab">news</span>
    <span id="partners" class="tab">partners</span>
</div>
<div id="loading">loading</div>

CSS

#loading { display: none; }

JavaScript

$("#overlay-content").on('click','#news',function() {
    var active = 1;
    $("#loading").show();
    $("#overlay-content").fadeOut(1000, function() {
        setTimeout(function() {
            var data = 'News Section';
            $("#loading").hide(400);
            $("#overlay-content").empty().append(data).fadeIn(1000);
        }, 500);
    });
});