jQuery - add class into element when clicked by Norlihazmey Ghazali

Add class into element

by Norlihazmey Ghazali

HTML

<nav>
  <ul class="menu">
    <li>
      <ul class="submenu">
        <li><a>a</a></li>
        <li><a>a</a></li>
        <li><a>a</a></li>
        <li><a>a</a></li>
      </ul>
    </li>
    <li>
      <ul class="submenu">
        <li><a>a</a></li>
        <li><a>a</a></li>
        <li><a>a</a></li>
        <li><a>a</a></li>
      </ul>
    </li>
    <li>b</li>
    <li>b</li>
  </ul>
</nav>

CSS

.active{
    background : red;
}

JavaScript

$('.menu li').click(function(){
    $('.menu li').removeClass('active');
    $(this).addClass('active');
});