jquery ui accordion on hover text color

Question

Я пытаюсь изменить цвет аккордеона при наведении курсора только тогда, когда зависающий раздел разрушается.

Самый близкий я получил это, что меняет цвет текста ТОЛЬКО, когда я наводил курсор на текст, но не над остальным элементом аккордеона, а также меняет цвет, когда секция активна.

CSS:

.ui-accordion a:hover{ 
    color:blue 
} 

HTML:

<div id="accordion"> 
    <h5> 
     <a href="#">Section 1</a> 
    </h5> 
    <h5> 
     <a href="#">Section 2</a> 
    </h5> 
</div> 

Answer 1

Просто угадывание от того, что я прочитал, что вы пытаетесь есть только изменение цвета до синего, когда он не открыт элемент?

Fiddle: http://jsfiddle.net/AtheistP3ace/7jf7cngd/

Я использовал h3 в примере скрипку здесь, который я взял с сайта Jquery в. Вы используете a? jQuery добавляет .ui-state-active к активному автоматически, поэтому я воспользовался этим.

.ui-accordion h3:not(.ui-state-active):hover{ 
    color:blue 
} 

Обновлено скрипку с помощью HTML вы добавили: http://jsfiddle.net/AtheistP3ace/7jf7cngd/1/

.ui-accordion h5:not(.ui-state-active) a:hover{ 
    color:blue 
} 

Обновлено включить парит над всем заголовком: http://jsfiddle.net/AtheistP3ace/7jf7cngd/23/

.ui-accordion h5:not(.ui-state-active):hover a { 
    color: blue 
} 

Answer 2

Вам придется применить парить к .ui-accordion-header и не .ui-accordion a для JQuery UI аккордеона. Сделайте это, как показано ниже

.ui-accordion-header:hover { 
    color: blue; 
}