可以打開和關閉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/