JSFiddle - React, Tailwind, and code Playground

by rabelais

HTML

<div id="menu">
<ul>
<li><a id="about-link" href="#">ABOUT</a></li>
<li><a id="events-link" href="#">EVENTS</a></li>
<li><a id="reviews-link" href="#">REVIEWS</a></li>
<li><a id="contact-link" href="#">CONTACT</a></li>
</ul>
</div>

CSS

.current {
    text-decoration: underline;
}
ul {
    list-style-type: none;
}
a {
    text-decoration: none;
}

JavaScript

$('#about-link').addClass('current');
$('#menu li').on('click', function(){
    $(this).addClass('current').siblings().removeClass('current');
});