JSFiddle - React, Tailwind, and code Playground

by Benjamin

HTML

<ul class="top-nav">
		   			<li><a class="home">Home</a></li>
		   			<li><a class="about">About us</a></li>
		   			<li><a class="links">Links</a></li>
		   			<li><a class="contact">Contact</a></li>
		   			
		   		</ul>

CSS

a.tn-selected{
	color:red;
}
a{
    cursor:pointer;
}

JavaScript

$('.top-nav li').click(function(){
    $(this).children().addClass('tn-selected');
    $(this).siblings().children().removeClass('tn-selected');                                
});