javascript - jQuery-在按钮之间切换

我的菜单中有两个<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();
    });

最佳答案

解决了我不知道removeClass的问题。

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