Add Active Class To Navigation Items

I have a problem with navigation - I am trying to get an active class on the navigation element and in the sub-menu. Here is a Fiddle. HTML:

Solution 1:

You can refer the below working link.

$(function(){
$( '#nav1' ).click(function (e) {
    $(this).children().each(function(){
    $(this).removeClass('navigation__active');
  });
    $('#nav1 .navigation__sub' ).find( 'li.navigation__active').removeClass( 'navigation__active' );
    $(e.target).parent( 'li' ).addClass( 'navigation__active' );
});
});

https://jsfiddle.net/e3qLb1zr/24/

Share

You may like these posts

• 
  How To Handle Undo/redo Event In Javascript?
• 
  Resize Rectangle Html5 Canvas
• 
  How To Pass Dynamic Data From Html Data-attribute To A Query Using Javascript?
• 
  Validation For Inputs In Jquery Using Regex