JSFiddle - React, Tailwind, and code Playground

HTML

<div class="navigatorUserButtons">
    <a id="view_tracklist" class="navigatorUserButtonOn" href="#">Button 1</a>
    <a id="view_comments" class="navigatorUserButtonOff" href="#">Button 2</a>
    <a id="view_votes" class="navigatorUserButtonOff" href="#">Button 3</a>
</div>

CSS

.navigatorUserButtons{width:710px; float:left; border-bottom:#000000 2px solid;}
a.navigatorUserButtonOn:link    {text-decoration:none; width:120px; color:#FFFFFF; background-color:#4A4440; float:left; text-align:center; margin-right:60px; padding:2px 5px 2px 5px; border-top:#000000 2px solid; border-right:#000000 2px solid; border-left:#000000 2px solid; font-weight:bold;}
a.navigatorUserButtonOn:visited {text-decoration:none; width:120px; color:#FFFFFF; background-color:#4A4440; float:left; text-align:center; margin-right:60px; padding:2px 5px 2px 5px; border-top:#000000 2px solid; border-right:#000000 2px solid; border-left:#000000 2px solid; font-weight:bold;}
a.navigatorUserButtonOn:hover   {text-decoration:none; width:120px; color:#FFFFFF; background-color:#4A4440; float:left; text-align:center; margin-right:60px; padding:2px 5px 2px 5px; border-top:#000000 2px solid; border-right:#000000 2px solid; border-left:#000000 2px solid; font-weight:bold;}

a.navigatorUserButtonOff:link    {text-decoration:none; width:120px; color:#000000; background-color:#B0B0AA; float:left; text-align:center; margin-right:60px; padding:2px 5px 2px 5px; border-top:#000000 2px solid; border-right:#000000 2px solid; border-left:#000000 2px solid; font-weight:bold;}
a.navigatorUserButtonOff:visited {text-decoration:none; width:120px; color:#000000; background-color:#B0B0AA; float:left; text-align:center; margin-right:60px; padding:2px 5px 2px 5px; border-top:#000000 2px solid; border-right:#000000 2px solid; border-left:#000000 2px solid; font-weight:bold;}
a.navigatorUserButtonOff:hover   {text-decoration:none; width:120px; color:#000000; background-color:#B0B0AA; float:left; text-align:center; margin-right:60px; padding:2px 5px 2px 5px; border-top:#000000 2px solid; border-right:#000000 2px solid; border-left:#000000 2px solid; font-weight:bold;}

JavaScript

$('.navigatorUserButtonOff').live("click", function(e){
    e.preventDefault();
    $('.navigatorUserButtons').find('.navigatorUserButtonOn').removeClass().addClass('navigatorUserButtonOff'); 
    $(this).removeClass().addClass('navigatorUserButtonOn');
});