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

Question

我在Shopify商店中使用Shopify的木材时间。 我添加了此代码以使div具有打开和关闭的购物车的div。

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

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

即时取景。 确保添加产品以查看购物车。

另外，如果有人知道如何使用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();

    });
});