jQuery UI手風琴懸停文本顏色

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

您將必須將懸停應用於.ui-accordion-header而不是jQuery UI Accordion的 .ui-accordion a 。 如下做

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

Answer 2

只是從我讀到的內容中猜測，您是否嘗試僅在非開放元素時將顏色更改為藍色？

小提琴： http : //jsfiddle.net/AtheistP3ace/7jf7cngd/

我在jquery網站上的小提琴示例中使用了h3 。 您是否使用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
}