Question

我在Shopify商店使用Shopify的木材时间。我添加了这段代码，用ajaxed cart打开和关闭div。

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

这样可行，但是当您打开和关闭它时，它无法再次打开。有谁知道为什么？

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

如果有人知道如何使用Shopify Timber主题，有人知道如何设置空车页面的样式吗？无法在任何地方找到它。

Answer 1

您的购物车没有理由再次显示，您只需要在其上调用hide。将其更改为toggle：

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

Answer 2

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

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

    });
});