JSFiddle - React, Tailwind, and code Playground

by Mateus Junges

HTML

<div id="menu">
    <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">Gallery</a></li>
        <li><a href="#">videos</a></li>
        <li><a href="#">Comment</a></li>
        <li><a href="#">About</a></li>
        <li ><a href="#">Contact</a></li>
    </ul>
</div>

CSS

.active{
    background: gray;
}
.test {
  color: red;
}

JavaScript

$('#menu > ul.nav li a').click(function(e) {
    var $this = $(this);
    $this//.parent()
    	.siblings()
      .removeClass('active')
      .removeClass('test')
      .end()
      .addClass('test')
      .addClass('active');
    e.preventDefault();
});