JSFiddle - React, Tailwind, and code Playground

by Michele Marcucci

HTML

<ul>
  <li>
    <a href="#" id="home">Home</a>
  </li>
  <li>
    <a href="#" id="not-home">not home</a>
  </li>
</ul>

CSS

.active {
  background-color: red;
}

JavaScript

$(function() {
  $('li a').click(function(e) {
    e.preventDefault();
    $('a').removeClass('active');
    $(this).addClass('active');
  });
});