JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>link 1</li>
<li>link 2</li>
<li>link 3</li>
</ul>
JavaScript
$(document).ready(function() {
var menu = new Array();
$('ul').children().each(function() {
menu.push($(this));
$(this).click(function(e) {
for (x = 0; x < menu.length; x++) {
if ($(menu[x]).text() == $(this).text()) {
$(menu[x]).css('font-weight','bold');
} else {
$(menu[x]).css('font-weight','normal');
}
}
});
});
})