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

Question

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

最后我想拆分这个：

.ui-state-hover

对此：

.ui-state-default-hover

.ui-state-active-hover

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

.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); }