Javascript 可以打开和关闭div，但不能再次打开

我在我的Shopify商店使用Shopify的木材时间。我添加这段代码是为了使用ajaxed cart打开和关闭来创建一个div

$(document).ready(function() {
    $('body').on('click', '.cart-show', function (e) {
        $("#cart").hide();
    });
});

这是可行的，但当您打开并关闭它时，它将无法再次打开。有人知道为什么吗

确保添加产品以查看购物车

---

另外，如果有人知道如何使用Shopify木材主题，有人知道如何设计空购物车页面的样式吗？到处都找不到

您的购物车没有理由再次显示，您只是在上面调用了

hide

。将此项更改为切换：

$(document).ready(function() {
    $('body').on('click', '.cart-show', function (e) {
        $("#cart").toggle();
    });
});

---

您可以使用切换和Jquery提供的其他动画效果，例如slideUp和slideDown

$(document).ready(function() {
    $('body').on('click', '.cart-show', function (e) {
        $("#cart").slideUp();

    });
});

---

ref

这不起作用。使用“切换”时，可将其删除一次。但是没有再打开。