JSFiddle - React, Tailwind, and code Playground

by dreamyguy

HTML

<ul id="menu">
    <li class="current"><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
    <li><a href="#">item 4</a></li>
    <li><a href="#">item 5</a></li>
</ul>

JavaScript

$(document).ready(function() {
  $('#menu li').click(function(e) {
    if (!$(this).hasClass('current')) {
      $(this).addClass('current').siblings().removeClass('current');
      // do other stuff
    }
    e.preventDefault();
  });
});