jQuery UI Accordion - 悬停 - 图标取决于活动/默认状态

Question

如何让 jQuery UI Accordion 根据状态（活动或默认）显示不同的标题图标？

最后我想拆分一下：

.ui-state-hover

到这里：

.ui-state-default-hover

.ui-state-active-hover

所以我可以为这 4 种情况分别定义不同的背景图像：

.ui-state-default { background-image: url(images/default.png); }

.ui-state-active { background-image: url(images/active.png); } .ui-state-default-hover { background-image: url(images/default-hover.png); } .ui-state-active-hover { background-image: url(images/active-hover.png); }

Answer 1

只需使用两个css类的组合：

.ui-state-default.ui-state-hover { background-image: url(images/default-hover.png); }

.ui-state-active.ui-state-hover { background-image: url(images/active-hover.png); }