如何獲取Accordion jQuery的標題ID和Div ID？

Question

我有一個簡單的手風琴，每個標題都有自己的id，div有自己的id。

如何創建一個獲取當前選定標題ID或div ID的對象？

<div id="mainDiv"> 
    <h6 id="myAttributes">Attributes</h6> 
    <div id="divAttributes"> 
    </div> 

    <h6 id="myConstants">Constants</h6> 
    <div id="divConstants"> 
    </div> 
</div> 
</div> 

我停留在：

jQuery(function() { 
    $("#mainDiv").accordion({ 
     activate: function() { 

     } 
    }); 
}); 

謝謝。

Answer 1

上的激活與類.ui-accordion-header-active，它會自動添加獲取元素通過手風琴。

jQuery(function() { 
    $("#mainDiv").accordion({ 
     activate: function() { 
        alert($('.ui-accordion-header-active').attr('id')); 
     } 
    }); 
}); 

演示：http://jsfiddle.net/3jHwC/1/

使用相同的選擇，你實際上可以從手風琴的觸發事件之外獲取活動標題：$('#mainDiv .ui-accordion-header-active')

Answer 2

activate選項功能有兩個參數event和ui：http://api.jqueryui.com/accordion/#event-activate

然後，您可以從ui獲取所有數據：

activate: function (event, ui) { 
    console.log(ui.newPanel[0].id); 
}