JSFiddle - React, Tailwind, and code Playground

by Christian Bonato

HTML

<div class="panel2">
    <div class="something">
    <div class="tab-content">
        <nav>
            <ul>
                <li>Hello</li>
                <li>Hello</li>
                <li>Hello</li>
                <li>Hello</li>
                <li>Hello</li>
            </ul>
        </nav>
    </div>
    </div>
</div>

CSS

li:hover {
    background: yellow;
}

li.active {
    background: red;
}

JavaScript

$(function () {
        $('.panel2 .tab-content nav ul li').click(function(){
            $(this).addClass('active');
        });
    });