Dynamic overall Accordion height

Question

I have several Spry Accordions in my application. The number
of panels in each of these accordions are database driven, where
each user can customize the number of panels and their titles. The
new SpryNestedXMLDataSet is used to show the data in each panel.
This works extremely well!
However, the layout of the page dictates that the overall
height of the accordion be the same, weather it be for 3 panels or
for 10 panels. Is there a way that this can be achieved in
Spry?

Answer 1

Hi Ben,
now I see your request....
you want a fix height container in which to have the
accordion with X panels...
You can add the accordion inside another div container for
which you set a fix height and don't forget to add also
overflow:auto (this is to see only the content what fits in the
height you specified).
You should have something like this:
<div style="height:600px; overflow:auto;">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">
<p>Content 1</p>
</div>
</div>
....... as much panels you need...
</div>
</div>
So just add a new div with that two properties around the
accordion.
Please let me know if I answered to you question,
Diana