jQuery - zwischen den Tasten wechseln

Question

Ich habe zwei <li> Elemente in meinem Menü. Ich versuche, zwischen den Klassen zu wechseln, wenn sie angeklickt werden. Wenn ich auf das erste klicke, sollte es die Klasse .activeBtn und die andere Klasse .nonactiveBtn bekommen.

Der Code den ich bisher habe funktioniert nicht richtig und ich finde keinen Weg.

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

Gelöst ich nicht removeClass über wusste.

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