JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="navbar-custom clearfix">
  <li>
    <a href="#start">asd</a>
  </li>
  <li>
    <a href="#description">qwe</a>
  </li>
  <li>
    <a href="#syntax">123</a>
  </li>
  <li>
    <a href="#scrollbar">asdasd</a>
  </li>
  <li>
    <a href="#rotations">sdf</a>
  </li>
  <li>
    <a href="#rotations-rotated">dfgfdg</a>
  </li>
  <li>
    <a href="#source">asdqwe</a>
  </li>
  <li>
    <a href="#follow">qweqwe</a>
  </li>
</ul>

CSS

.orange a{
  color:orange;
}

JavaScript

$("ul").find("li").click(function () {
    $(".orange").not($(this).addClass("orange")).removeClass("orange");
});