jQuery - ボタン間の切り替え

Question

私はメニュー内に2つの<li>要素を持っています。私が達成しようとしているのは、クリックしたときにクラスを切り替えることです。最初のボタンをクリックすると、.activeBtnクラスを取得し、もう1つを.nonactiveBtnクラスにする必要があります。

これまでのコードは正しく動作せず、私は道を見つけることができません。私はおよそremoveClassを知りませんでした解決

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

。

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