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

Question

如何让jQuery UI Accordion根据状态显示不同的标题图标 - 活动还是默认？

最后我想分开这个：

  

的.ui状态悬停

到此：

  

.ui-state-default-hover

  的.ui态活性悬停

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

  

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