JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="list">
    <li class="active"></li>
    <li></li>
    <li></li>
</ul>

CSS

#list li {
    color:#3c6174;
	cursor:pointer;
}

#list li.active {
    color:red;
}

JavaScript

$buttons = $("#list li");
$buttons.click(function() {
    $buttons.removeClass("active");
    $(this).addClass("active");
});