選擇嵌套折疊中的手風琴切換以完全關閉手風琴

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... });