JSFiddle - React, Tailwind, and code Playground

by Ansel Santosa

HTML

<div class="grid_12 nav home">
            <ul class="tabs">
                <li class="home"><a href="javascript:;">HOME</a></li>
                <li class="game-stats"><a href="javascript:;">GAME STATS</a></li>
                <li class="game-talk"><a href="javascript:;">GAME TALK</a></li>
                <li class="game-info"><a href="javascript:;">GAME INFO</a></li>
            </ul>
        </div>

JavaScript

$('li').on('click', function(){
    $(this).closest('.nav').attr('class', 'nav ' + $(this).attr('class'));
});