jQuery - переключатель между кнопками

Question

У меня есть два элемента <li> в моем меню. То, что я пытаюсь достичь, - это переключиться между классами при нажатии. Если я нажму первый, он должен получить класс .activeBtn, а другой - .nonactiveBtn.

Код, который я до сих пор не работает должным образом, и я не могу найти способ.

fiddle here:

$('#catBtn').on('click', function() { 
     $("#container0").fadeToggle("slow"); 
     $("#container1").fadeOut("slow"); 
     $('#signinBtn').toggleClass("noActiveBtn"); 
     $(this).toggleClass("activeBtn"); 
     event.preventDefault(); 
    }); 

    $('#signinBtn').on('click', function() { 
     $("#container1").fadeToggle("slow"); 
     $("#container0").fadeOut("slow"); 
     $('#catBtn').toggleClass("noActiveBtn"); 
     $(this).toggleClass("activeBtn"); 
     event.preventDefault(); 
    }); 

Answer 1

решаемые Я не знал о removeClass.

$(".menuBtns").click(function() { 
     // remove classes from all 
     $(".menuBtns").removeClass("activeBtn"); 
     // add class to the one we clicked 
     $(this).addClass("activeBtn"); });