Accordion - How to change the background colors of Collapse and Expend Headers?

[Peter]

Hello everyone,
I am working on Accordion.  I want to change the headers' backgrounds to different colors when it expends and collapses.

At the first load, every panel is expended, I check and see an expended header's style is controlled by these classes: "k-link k-header k-state-selected" (background color is green). 

When I click to collapse this panel, I see the header's style is controlled by these class: "k-link k-header k-state-selected k-state-focused" (the background color is green, too).

I then assign a different background color to "k-state-focused" and the color is changed to gray as I expect.  However, when I click on this header again to expend the panel, the gray color is still here! and I check and see this header's style right now (expending) are "k-link k-header k-state-selected k-state-focused".

That means when it is expended or it is collapsed, the header's style is the same "k-link k-header k-state-selected k-state-focused".

How to change the background colors of Collapse and Expend Headers?

Please give a hand,  Thanks

[Eyup]

Hi Peter,

Could you send us sample screenshots to demonstrate the desired appearance? Which Skin do you use for base? Do you have a dojo sample resembling your declaration?
http://demos.telerik.com/kendo-ui/panelbar/api

Regards,
Eyup
Telerik