JSFiddle - React, Tailwind, and code Playground

HTML

<div id="chromemenu" class="chromestyle">
  <ul>
    <li><a rel="dropmenu1" href="#" class="selected">Buy</a></li>
    <li><a rel="dropmenu2" href="#" class="">Sell</a></li>
    <li><a rel="dropmenu3" href="#" class="">Community</a></li>
    <li><a rel="dropmenu6" href="#" class="">Languages</a></li>
    <li><a rel="dropmenu4" href="#" class="">My Account</a></li>
  </ul>
</div>

CSS

a.selected {
  color: red;
}

JavaScript

$("a").click(function () {
    $("a").removeClass("selected");
    $(this).addClass("selected");
    $("a:not(.selected)").parent().css("border", "none");
    $("a.selected").parent().css("border", "1px solid #000");
});