I have a Spry collaspible panel on a web page, and I want to place INSIDE of it, several more collasbsible panels, however, I want the interior panels to use a separate stype sheet. How do I do that?
Collaspible panel A
Collaspible panel B
Collaspible panel C
Collaspible Panel 2
Panels 1&2 use the same CSS, and A,B, &C use a different CSS
To add to Ben's suggestion, you could also assign a class to each child panel such as this:
<div id="CollapsiblePanelA" class="red">
Some Content here for CollapsiblePanelA
<div id="CollapsiblePanelB" class="blue">
Some Content here for CollapsiblePanelB
And style the classes.