JSFiddle - React, Tailwind, and code Playground

by André Albson

HTML

<ul class="nav">
 <li class="active"><a>Link 1</li>
 <li><a>Link 2</li>
 <li><a>Link 3</li>
</ul>

CSS

ul.nav a { cursor: pointer; }
.active { color:#f00;font-weight:bolder; }

JavaScript

$(function() {
      $( 'ul.nav li' ).on( 'click', function() {
            $( this ).parent().find( 'li.active' ).removeClass( 'active' );
            $( this ).addClass( 'active' );
      });
});