同时进行手风琴和变色动画

Question

我正在使用jQuery 2.0.3和jQuery UI 1.10.3的{​​{1}}，我试图通过做这样的事情来改变手风琴面板打开和关闭时的颜色：

accordion

虽然手风琴动画在开始之前等待它完成，但我发现在第一次点击每个标题时动画的变化是动画的。尽管颜色发生了变化，但后续的部分激活不会生成动画。

如何在手风琴动画的同时制作此动画？

Answer 1

你可以使用css过渡来实现这种效果。

<强> Working Example

.ui-state-active {
    background: white;
    transition: background 400ms;
}
.ui-state-default {
    transition: background 400ms;
}

$(".main-content").accordion({
    active: false,
    collapsible: true
});