JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<nav>
  <ul>
    <li>
      <a href="#">Item 1</a>
    </li>
    <li>
      <a href="#">Item 2</a>
    </li>
    <li>
      <a href="#">Item 3</a>
    </li>
  </ul>
</nav>

CSS

ul {
  list-style: none;
}

li {
  display: inline-block;
  padding: 10px;
}

.open {
  background-color: yellow;
}

JavaScript

$('li a').on('click', function() {
		$(this).parent().siblings().removeClass('open');
    $(this).parent().toggleClass('open');
});