javascript - 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");    });