How to style different accordions on the same page


#1

Hi,
I have one accordion embedded within another, currently both use material skin so it is difficult to distinguish between them. What I want to do is make the header colour of the child accordion cells different to the parent. It would be simple enough to set a style in my page that targets only the second accordion but I can’t see any way to do that because there do not appear to be id’s set on the accordion’s div elements in the html.

The other option I read about in the docs is to create a custom skin and then set the second accordion to use that skin but this seems like overkill to change just one header colour.
Any ideas?


#2

The only solution is to set the different skins for your accordion objects.


#3

No the answer I was hoping for but thank you for the reply