Настроить JQuery Аккордеонное поведение

Question

Я использую виджет аккордеона JQuery. Мне нужен простой общий пример, который показывает, как настроить аккордеон на множестве div. Когда пользователь выбирает/расширяет/активирует один из div, тогда этот div должен выглядеть иначе (например, изменить цвет фона), чем другие div. Можно ли это сделать, просто используя функции аккордеона? Или это нужно сделать с помощью дополнительного javascript?

Пожалуйста, обратите внимание, что я использую на гармони, описанное в http://docs.jquery.com/UI/Accordion

Answer 1

Поскольку только расширенный ДИВ виден, почему не только установить фон для всех из них?

Активный контент имеет класс ui-accordion-content-active. Вы можете перезаписать стиль для этого класса.

Другой вариант заключается в подключении к change событий (копирование/вставка из документации):

$('.ui-accordion').bind('accordionchange', function(event, ui) { 
    ui.newHeader // jQuery object, activated header 
    ui.oldHeader // jQuery object, previous header 
    ui.newContent // jQuery object, activated content 
    ui.oldContent // jQuery object, previous content 
}); 

Например:

$('.ui-accordion').bind('accordionchange', function(event, ui) { 
    ui.newContent.addClass('myHighlight'); 
    ui.oldContent.removeClass('myHighlight'); 
});