Forums

Huey,



No, the height of item's body is not set in the code. Accordion sets it based on the value of contentHeight property. In case of "stretch" or "auto" it is calculated dynamically; in case of "fixed", it is set to the specified value.

Iliyan

So here is how I solved this issue. Since I noticed that using Firebug and disabling the height property on the parent accordion body led to the behavior I was looking for, I added an event handler to the child accordion to unset that property when clicked:

<!-- This is an "inner" accordion -->
<script type="text/javascript">
YUI( {gallery : 'gallery-2011.03.23-22-20'} ).use( 'node', 'gallery-accordion', function(Y) {
var accordion = new Y.Accordion(
{ srcNode: "#Accordion<?php echo $currentCategory; ?>",
useAnimation: true
} );

var parentAccordionItem =
Y.one("#category-item<?php echo $currentCategory; ?>");
var parentAccordionItemBody =
parentAccordionItem.one('> .yui3-widget-bd');

accordion.on( "beforeItemExpand", function(attrs) {
parentAccordionItemBody.setStyle('height','');
}, this );

accordion.render();
});
</script>