（jquery ui）在设置CSS颜色的项目上切换类颜色转换

我试图使用jQueryUIToggleClass（带有持续时间）向已经在CSS中显式设置了颜色的元素添加带有颜色的类

除非我将要切换到的类中的颜色标记为“！important”，否则一旦转换完成，该颜色就不会保持不变。如果我将其设置为“！important”，则颜色会按预期在一个方向淡出，但在另一个方向不会平滑返回

我以前实现的一个解决方案是假设一个双色场景，只需使用jquery的animate手动设置悬停事件的颜色，而不是使用toggleClass。但是，我现在尝试在应用此效果之前元素的起始颜色是未知的情况下使用此效果

任何关于如何在两个方向上实现平稳过渡的想法都将不胜感激

请参阅此JSFIDLE:

这将修复它

---

奇怪的事。。将

.fancy，a.fancy

添加到css中会使颜色粘在一起，非常感谢。当我获得足够的声誉时，我会尽快标记为答案，并向上投票……）谢谢，我很感激。尝试使用firefox中的firebug或google chrome中的inspect工具，它将向您显示css应用于元素的内容以及被否决的内容。这些都是很棒的工具（我更喜欢firebug），但我仍然很难弄清楚这一点。谢谢

a.fancy, div.fancy {
    margin-left:5px;
    color:orange;
}