JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
        <div id="menu">
            <ul>
                <li><a href="#" class="current">Home</a></li>
                <li><a  href="#">About</a></li>
                <li><a href="#">Jordon</a></li>
                     </ul>   
    </div>
                </div>

CSS

.current{color: red;}

JavaScript

$(document).ready(function() {
$("#menu li a").click(function (e) {
        e.preventDefault();
        $("#menu li a").addClass("current").not(this).removeClass("current");
}); 
});