JSFiddle - React, Tailwind, and code Playground

HTML

<section class="top-bar-section">
<ul class="adjust">
<li class="active"><a href="#">HOME</a></li>
<li class=""><a href="#contact">CONTACT</a></li>
<li class=""><a href="#">BLOG</a></li>
<li class=""><a href="#">SHOP</a></li>
</ul>      
</section>

CSS

.active {
    background:red;
}

JavaScript

$('.adjust > li').click(function(){
    $(this).addClass('active').siblings('li').removeClass('active');
});