JSFiddle - React, Tailwind, and code Playground

by vaxilart

HTML

<ul class="nav" id="filtre">
          <li> <a href="#">Home</a> </li>
          <li class="active"><a href="#">All</a></li>
          <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Graphics<b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Print Design</a></li>
              <li><a href="#">Identity Design</a></li>
              <li><a href="#">Print Book</a></li>
            </ul>
          </li>
          <li><a href="#">Web</a></li>
        </ul>

CSS

.active {
    background: red;
}

JavaScript

$("#filtre li a").click(function() {
    
    $("#filtre li").removeClass("active");
    $(this).parent().addClass("active");
    
    return false;
});