javascript - 可以打开和关闭div，但无法再次打开

Question

我在我的 Shopify 商店中使用 Shopify 的 wood time。我添加了这段代码来创建一个带有ajax打开和关闭购物车的div。

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

这有效，但是当您打开和关闭它时，它无法再次打开。有人知道为什么吗？

Live view.请务必添加产品才能查看购物车。

此外，如果有人知道如何使用 Shopify Timber 主题，有人知道如何设置空购物车页面的样式吗？到处都找不到。

Answer 1

您的购物车没有理由再次显示，您只是对其调用了hide。将其更改为切换:

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

http://api.jquery.com/toggle/