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?