JSFiddle - React, Tailwind, and code Playground

by Salman Aziz

HTML

<ul>
<li>One</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>

CSS

ul li{color:#fffff;font-weight:light;font-size:16px;font-family:'arial';height:20px;backrgound:#fffff;list-style-type:none;border:1px solid #000032;text-align:center;}

.active{font-weight:bold; color:#fd0000;font-size:20px;border:1px solid #fd0000;}

JavaScript

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