Dynamic Accordion height (revisited)

Question

Hi All,
I have an application that allows the user to add or remove
Accordion panels at will. My problem is that I want to keep the
overall Accordion height constant independent of the number of
panels.
I have found a simple way to keep the overall height of an
Accordion constant by varying the AccordionPanelContent height as
follows:
<div class="AccordionPanelContent" style="height:
expression(500-(20*{ds_RowCount})+'px'); margin: 0px;">
The problem is that it only works in IE5+.
Is there a way to achieve the same result for other browsers?

Answer 1

quote:
Originally posted by:
Barascu Diana
Hi,
you can use expression () only for IE and if you want to get
the same behavior for the other browsers, you should write some
java script code to compute the height and then to set it on the
element.
Something like this:
var el = document.getElementById('id_{ds_RowID}');
if (el){
el.style.height = 500 - (20 *
(isNaN(parseInt('{ds_RowCount}'))? 0 : parseInt('{ds_RowCount}')))
+ 'px';
Diana
Hello Diana,
Thank you very much for your quick response. I used your
script and it and it works like a charm.
Kind regards,
Ben