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

Javascript 如何在没有id的情况下使用jQuery折叠div,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有一个问题和答案的列表,分为不同的部分。我想在问题上触发单击事件时折叠它们。我已经阅读了页面中的示例,但我想用Javascript而不是数据属性来欺骗事件。对于数据属性,每个问题都需要一个唯一的id,这在将来很难维护。我想触发类“.崩溃” 代码:像这样的东西?记住要包括jQuery库 $('[data-toggle="collapse"]').on('click', function () { $(this).closest('div.panel').find('.collapse')

我有一个问题和答案的列表,分为不同的部分。我想在问题上触发单击事件时折叠它们。我已经阅读了页面中的示例,但我想用Javascript而不是数据属性来欺骗事件。对于数据属性,每个问题都需要一个唯一的id,这在将来很难维护。我想触发类“.崩溃”


代码:

像这样的东西?记住要包括jQuery库

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

试试这个例子。您始终可以根据监视单击的图元和要切换的图元对其进行修改

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


关于

请明确提及单击哪个元素应触发哪个元素。