JSFiddle - React, Tailwind, and code Playground

by unloco

HTML

<ul>
<li><a href="#" id="NAV1">Captain</a></li>
    <li><a href="#" id="NAV2">Obvious</a></li>
</ul>

CSS

.current{font-weight: bold}

JavaScript

$("[id^=NAV]").click(function(evt) {
    $("[id^=NAV]").parent().removeClass('current');    
    $(this).parent().addClass('current');
    evt.preventDefault();
});