Question

我有两个类似链接的按钮，可以为各自的'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都将display属性设置为none，但当我点击按钮'ct'或'ai'时，它们会出现在屏幕上，并显示以下jquery：

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

这里的问题是当一个div处于活动状态（'cart'或'arrow_box'）并且我点击另一个按钮时，之前的活动div不应该显示在屏幕上，但它是..我该如何解决它？

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

感谢

Answer 1

你的代码是正确的但是你写了一些DropClass但实际的函数是removeClass。 以下是示例： -

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

JQuery：在添加到其他div之前从一个div中删除一个切换类

1 个答案: