JQuery：删除一个div的切换类，然后再添加到其他

Question

我有2个按钮，如链接，它们为各自的“arrowbox”div切换类“活动”。这里是将HTML：

<span class="ct"><a class="fa fa-shopping-cart"><sup id="itm_count">31</sup></a></span> 
<div class="cart"> 
    hello world 
</div> 
<span class="ai"><a class="fa fa-plus"></a></span> 
<div class="arrow_box"> 
    <a style="margin-top: 5px;" onclick="new_dis()">Add distributor</a> 
</div> 

箭头盒和购物车两者的div已显示属性设置为无，但是当我点击按钮“CT”或“AI”，他们出现在屏幕下面的jQuery：

$(".ai").click(function() { 
     $(".arrow_box").toggleClass("active"); 
     $(".cart").RemoveClass("active"); 
    }); 
    $(".ct").click(function() { 
     $(".cart").toggleClass("active"); 
     $(".arrow_box").RemoveClass("active"); 
    }); 

这里的问题是，当一个格是活动的（“购物车”或“arrow_box”）和我点击另一个按钮，之前的活动DIV不应在屏幕上显示，但它是如何..我解决它吗？

也在这里是fiddle更好地理解这个问题

感谢

Answer 1

你的代码是正确的，但有你写RemoveClass但实际功能是removeClass有点问题。 这里是例子： -

$(".cart").removeClass("active"); 
$(".arrow_box").removeClass("active");