JSFiddle - React, Tailwind, and code Playground

by RoryMcCrossan

HTML

<div id="div1">
   <ul>
      <li><a href="#" id="id1">link1</a></li>
      <li><a href="#" id="id2">link2</a></li>
      <li><a href="#" id="id3">link3</a></li>
   </ul>
</div>

CSS

.selected {
  background-color: #C00;
  color: #FFF;
}

JavaScript

$('#div1 a').click(function(e) {
    e.preventDefault();
    $('#div1 a').removeClass('selected');
    $(this).addClass('selected');
});