JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="list">
    <li class="current">item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
</ul>

CSS

.current {
    color: red;
}
li {
    cursor: pointer;
}

JavaScript

$(function() {
    $('ul#list li').click(function() {
        $(this).addClass('current').siblings().removeClass('current');
    });
})