展开/折叠jQuery

Question

我正在开发一个在线购物网站。我有一个展开/折叠jQuery设置。但理想情况下，我希望当用户点击崩溃时，购物车项目的完整列表会崩溃而无法看到。目前，如果用户在购物车中有多个商品，则只会关闭1个商品。

如何级联此项以关闭所有项目？

例子是here

Answer 1

尝试使用：

$(".toggle_container").slideToggle('2000'); 

此刻你的代码只是找到的第一个项目，滑起来。

你也可以附上所有项目在主DIV和动画，与其为相同的效果：

<div class="order_items"> 
    <div class="toggle_container">...</div> 
    <div class="toggle_container">...</div> 
    <div class="toggle_container">...</div> 
</div> 

用下面的JS：

$(".order_items").slideToggle('2000'); 

Answer 2

将所有你想要的元素在你用jQuery定位的容器中折叠。在这种情况下：.toggle_container。

伪标记：

<div class="toggle_container"> 
    <div class="product"></div> 
    <div class="product"></div> 
    <div class="product"></div> 
</div> 

Answer 3

根据剧本，它改变了下一个元素的状态。您需要重新编写HTML以在项目周围包含一个包装div，并重新分配脚本以折叠包装。

的jQuery：

$("h2.trigger").click(function(){ 
     $(".items_wrapper").slideToggle(2000); 
     return false; //Prevent the browser jump to the link anchor 
    }); 

HTML：

<h2 class="trigger"><a href="#">Click me!</a></h2> 

<div class="items_wrapper"> 
    <div class="toggle_container">...</div> 
    <div class="toggle_container">...</div> 
    <div class="toggle_container">...</div> 
</div> 

Example for you here。