jquery - 展开/折叠 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');