如何在没有id的情况下使用jQuery折叠div

Question

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

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

Answer 1

这样的东西？请记住包含jQuery库

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

DEMO

Answer 2

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

jsFiddle

您可以使用slideToggle()代替toggle()来获得折叠效果。

此致