JSFiddle - React, Tailwind, and code Playground

by nadeemmnn2007

HTML

<ul class="nav pull-right navbar-nav">
    <li id="Home" class="active"><a href='#'>Home</a></li>
    <li id="About"><a href='#'>About Us</a></li>
    <li id="Services"><a href='#'>Services</a></li>
    <li id="Blog"><a href='#'>Blog</a></li>
    <li id="Contact"><a href='#'>Contact</a></li>
</ul>

CSS

.active{background:red;color:#ff0}

JavaScript

$('.navbar-nav li').on('click',function(){
    $(this).parent().find('li').removeClass('active');
    $(this).addClass('active'); 
});