В JQuery UI, Как узнать текущий статус (развернутого или свернутого) Аккордеона?

Question

Я использую аккордеон JQuery. При нажатии я хочу узнать его текущее состояние. Как я могу это знать?

Answer 1

Jquery устанавливает класс для активного / открытого аккордеона: «ui-state-active» против «.ui-state-default» (это классы из демонстрации Accordion на веб-сайте Jquery: http://docs.jquery.com/UI/Accordion)

Редактировать: Конечно, вы можете затем проверить каждый аккордеон, чтобы увидеть, есть ли у него активный класс по умолчанию

Answer 2

попробуйте

if($('#my_accordion h3′).hasClass('ui-state-active')) {
// accordion is open
}
else {
// accordion is closed
}

Answer 3

Для событий changestart (до изменения) и change (после изменения) для аккордеона обратный вызов передает значения event и ui. ui имеет свойства newHeader, oldHeader, newContent и oldContent, содержащие значения новых и старых заголовков и содержимого, которые можно использовать для просмотра того, что было и что сейчас раскрыто. Эти события будут происходить независимо от того, какое событие триггера вы хотите изменить (щелчок мышью и т. Д.)