JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tabs-group">
    <li>One</li>
    <li>Two</li>
    <li><a href="#">Three</a></li>
</ul>

CSS

.pulse{ color: green; }
.active{ color: red; }

JavaScript

(function ($) {
  var jqueryMap, onClickHome;

  jqueryMap = {
    $home   : $('.tabs-group li:last-child a'),
    $choose : $('.tabs-group li')
  };

  onClickHome = function ( event ) {
    event.preventDefault();
    jqueryMap.$home.toggleClass( 'active' );
    jqueryMap.$choose.toggleClass( 
      'pulse', jqueryMap.$home.hasClass( 'active' )
    );
  }

  jqueryMap.$home.on( 'click', onClickHome );
}(jQuery));