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