JSFiddle - React, Tailwind, and code Playground

by Vitorino fernandes

HTML

<ul class="nav">
    <li><a class="active-menu" href="#">Dashboard</a>
    </li>
    <li><a href="#">Menu</a>
    </li>
    <li><a href="#">Content</a>
    </li>
</ul>

CSS

.active-menu {
    background: #00baff !important;
}

JavaScript

$(document).ready(function () {
    $(".nav a").click(function (event) {
        event.preventDefault();
        $(".nav a").removeClass("active-menu");
        $(this).addClass("active-menu");
    });
});