Add & remove active class from a navigation link

Question

I have been looking for tutorials on how to add and remove a class from a link unfortunately without any success. All the earlier questions on this have give me some underst

Answer 1

Try this:

$(function() {
    $('.start').addClass('active');
        $('#main-nav a').click(function() {
        $('#main-nav a').removeClass('active');
        $(this).addClass('active');             
   });
});

Just add the class .start to the nav element you want to have the class .active first.

Then declare the class .active in your css like:

#main-nav a.active {

/* YOUR STYLING */

}