JSFiddle - React, Tailwind, and code Playground

by skram

HTML

<nav class="navegacao">
    <ul id="menu">
        <li><a href="#ede">Home</a></li>
        <li><a href="#">Empresa</a></li>
        <li><a href="#">Coleções</a></li>
        <li><a href="#">Encontre</a></li>
        <li><a href="#">Diferenciais</a></li>
        <li><a href="#">Marketing</a></li>
    </ul>
</nav>

<section id="content">
  <ul>
       <li id="here">here before</li>
  </ul>
</section>

<div id="ede" style="display:none;">
    test 123
</div>

JavaScript

$(function() {
    $('#menu a').click(function(e) {
        e.preventDefault();
        var h = $(this).attr('href');
        $('#here').fadeOut(100, function () {
            $(this).html($(h).html())           
           .fadeIn('slow');
        });
    });
});