JSFiddle - React, Tailwind, and code Playground

by Ehsan Sajjad

HTML

<ul id="header">
     <li id="item1" class="off">   <a>Abc</a>   </li>
     <li id="item2" class="off">   <a>Abc</a>   </li>
</ul>

CSS

.off
{

}
.on
{
    color:red;
    background:blue;
}

JavaScript

$("#header > li a").click(function(){

      $("#header li").removeClass("on");
        $(this).closest("li").addClass("on");

});