Как получить идентификатор заголовка и Div id в аккордеоне jQuery?

Question

У меня есть простой аккордеон, где каждый заголовок имеет свой собственный id, а div имеет свой собственный идентификатор.

Как создать объект, который получает текущий выделенный идентификатор заголовка или 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); 
}