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