JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tabs">
    <li><a href="#tab1">All Sectors</a></li>
    <li><a href="#tab2">Information Technology</a></li>
    <li><a href="#tab3">Manufacturing</a></li>
    <li style="border-right:none;"><a href="#tab4">Services</a></li>        
</ul>

CSS

.bold a {
    font-weight: bold; 
}

JavaScript

$('.tabs li a').click(function() {
    $(this).parent().toggleClass('bold');
    return false;
});