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

Question

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

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

这是有效的，但是当你打开和关闭它时，它不能再次打开。任何人都知道为什么？

Live view.请确保添加一个产品查看购物车。

另外，如果有人知道如何使用Shopify木材主题，任何人都知道如何风格的空车网页？找不到任何地方。

Answer 1

您的购物车没有理由再显示，您只需拨打hide即可。更改为toggle：

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

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

Answer 2

可以使用的jQuery提供的切换等动画效果，如效果基本show和了slideDown

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

    }); 
}); 

裁判http://api.jquery.com/slideup/