javascript - 如何使用没有 id 的 jQuery 折叠 div

Question

我有一个按不同 div 分组的问题和答案列表。当触发放置在问题上的点击事件时，我想折叠它们。我已经阅读了Twitter Bootstrap页面中的示例，但我想使用 Javascript 而不是数据属性来欺骗事件。使用数据属性，每个问题都需要一个唯一的 id，这在将来很难维护。我想触发类“.collapse”

代码：http ://codepen.io/anon/pen/grdnA

Answer 1

试试这个例子。您始终可以根据被监视单击的元素和要切换的元素来修改它。

jsFiddle

您可以使用slideToggle()而不是toggle()获得折叠效果。

问候

Answer 2

像这样的东西？记得包含 jQuery 库

$('[data-toggle="collapse"]').on('click', function () {
    $(this).closest('div.panel').find('.collapse').toggle('')
});

演示