Accordion - Ajax within accordion panel resize issue

Question

Hi,
I'm in a little bit of a fix.
I have an accordion whose panels have ajax enabled regions
within them.
The ajax enabled regions have search forms which give a
search result within the same page (which is basically within the
panel as well) once a button is clicked.
My issue is that once I click search, my result set increases
the size of the page causing the accodion panel to enable a scroll
bar. Is there some way in which I can have spry resize the panel
instead of it enabling a scroll bar?
If I open and close the tab ofcourse, the region is resized
to cater to the search results as well with no scroll bar.
Incase this is not possible, is there a way to reopen the
selected panel on a page refresh event as all the tabs are closed
when a refresh occurs.
Thanks!
When the accordion opens up, it shows

Answer 1

Hi kundalani,
If you are using Spry.Utils.updateContent() to load the
contents of the panel, you can pass in a callback that sets the
height of the AccordionPanelContent to "auto" after the new content
has loaded:
function LoadContent(ele, url)
ele = Spry.$(ele);
Spry.Utils.updateContent(ele, url, function() {
ele.style.height = "auto"; });
<a href="#" onclick="LoadContent('e1p2',
'../../data/frag1.html'); return false;">Frag 1</a> |
<a href="#" onclick="LoadContent('e1p2',
'../../data/frag2.html'); return false;">Frag
2</a></p>
<p> </p>
<div id="example1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 1
</div>
<div id="e1p1" class="AccordionPanelContent">
<p>Panel 1</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 2
</div>
<div id="e1p2" class="AccordionPanelContent">
<p>Panel 2</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 3
</div>
<div id="e1p3" class="AccordionPanelContent">
<p>Panel 3</p>
</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Panel 4
</div>
<div id="e1p4" class="AccordionPanelContent">
<p>Panel 4</p>
</div>
</div>
</div>
<script type="text/javascript">
var example1 = new Spry.Widget.Accordion("example1", {
useFixedPanelHeights: false });
</script>
--== Kin ==--