JSFiddle - React, Tailwind, and code Playground

by jcmorris

HTML

<div class="menu">
    <ul>
        <li><a href="#">item1</a></li>
        <li><a href="#">item2</a></li>
        <li><a href="#">item3</a></li>
    </ul>
</div>

CSS

.active {
    background: red;
 }

JavaScript

$(document).ready(function () {
    $(".menu ul li a").click(function () {
        $('.menu ul li a').removeClass("active");
        $(this).addClass("active");
    });
});