JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>aaaaaaa</li>
    <li>bbbbbbbb</li>
    <li>ccccccccc</li>
    <li>ddddddddd</li>
</ul>

CSS

.active{
color:red;
font-size:25px;
font-weight:bold;
}

JavaScript

$('li').click(function() {

      $(this).addClass('active');
      $(this).siblings().removeClass('active');


});