JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="navlist">                    
    <li><a href="#Home">Home</a></li>
    <li><a href="#About">About</a></li>
    <li><a href="#Contact">Contact</a></li>
</ul>

<div id="logo">
    <h1>Logo</h1>
</div>

CSS

.navlist{ float:right; list-style:none}
.navlist li{ float:left; display:inline; padding:5px 15px 15px 15px; }


#logo { position:fixed; top:10px; left:10px; z-index:9999; }

JavaScript

$(".navlist li a").click(function() {        

$("#logo").fadeOut("slow", function()
    {                
        $("#logo").delay(850).fadeIn(1250) 
    });
                                             
                                             
});