jquery accordion остается выбранным после закрытия

Question

У меня есть сортируемый аккордеон jQuery. Когда я наводил указатель мыши на каждый из заголовков аккордеона, все они соответственно переключаются на выделенное/выбранное состояние цвета. Когда я нажимаю на заголовок, чтобы открыть эту часть аккордеона, а затем снова щелкните его, чтобы закрыть ту часть аккордеона, выделенное/выбранное состояние цвета остается.

Итак, если у меня есть 10 разделов на аккордеоне, я открываю и закрываю 3 из них, эти 3 окрашены по-другому, чем остальные аккордеон. Это обеспечивает плохой интерфейс. Кто-нибудь знает, почему это происходит и как это исправить?

EDIT:

К сожалению о не предоставляет пример, чтобы начать, я работаю под NDA, так что я не могу представить их непосредственно. Я собрал общий пример того, что происходит.

Вы можете видеть, что это произойдет здесь: http://inadaydevelopment.com/StackOverflow/AccordionStateProblem/jqueryexample.html

При наведении на них, они меняют на оранжевый (правильный). Если вы нажмете на один, чтобы открыть его, он останется оранжевым (правильно). Если вы закрываете его и больше не наводите, он по-прежнему остается оранжевым, а не возвращается к синему (неправильно).

Answer 1

После очистит «щ-состояние фокуса» класс, который вызывает вопрос:

$('.ui-accordion .group > h3').mouseleave(function(){ 
    $(this).removeClass('ui-state-focus') 
}) 

Это было проверено в браузере консоли с демо.

EDIT: селектор может просто быть сужен до:

$('.ui-accordion-header')