JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav">
<li><a href="#a">A</a></li>
<li><a href="#b" >B</a></li>
<li><a href="#c" >C</a></li>
<li><a href="#d" >D</a></li>
</ul>

CSS

.active{
    color:red
}

JavaScript

$("li a").click(function() {
    $('li a').not(this).removeClass('active');
    $(this).toggleClass('active');
});