选择嵌套折叠中的手风琴切换以完全关闭手风琴

Question

使用Twitter Bootstrap 2.3.2折叠插件。

我在尝试使用javascript处理嵌套手风琴时遇到麻烦。

我想捕获最后一次单击的手风琴切换的ID，以便在关闭所有打开的手风琴后可以参考它。

我可以使用on show / hidden事件来全局关闭所有打开的手风琴，但是我需要返回并打开最后一个选定的手风琴（如果更简单，也可以用另一种方式做类似的操作）。

我不知道如何为所选的手风琴切换创建变量。 我只能使用'this'关键字在顶层访问手风琴。

我可以更改以下内容，以便它引用手风琴切换吗？

$('.accordion').on('show', function () {
    var selected = this.**[Accordion-Toggle]**
    $('.accordion').on('hidden', function () {
        clearCollapse();
    });
  do something with selected item here...
});

----------更新--------

在Ammu的帮助下整理了事件捕获之后，我能够修改clearCollapse函数以完成所需的工作。 该代码实际上选择了手风琴主体，而不是手风琴切换。

//function to fully collapse accordion on same page
function pageCollapse(inner) {
    $('#' + inner).find('.accordion-body').removeClass('in');
    $('#' + inner).find('.accordion-body').height('0px');
}    

//collapse inner accordion on same page
$('.accordion').on('hidden', function (e) {
    var selected = e.target.id;
    pageCollapse(selected);
});  

Answer 1

这可能对您有帮助。 在您的代码中进行一些更改

$('.accordion').on('show',function (event)){
var selected=event.target.id;          // give id of selected element
 $('.accordion').on('hidden',function () {
    clearCollapse();
 });
do something with selected item here... });