Force an "auto" item to resize

If you are updating the content of AccordionItem directly (via "innerHTML") and its 'contentHeight' property has been set to "auto", you may have to force the item to update its height.

In order to do that, you should invoke resize function. It will recalculate and update (if needed) the height of this item and all other expanded and stretched items.

            accordion1.on( "beforeItemExpand", function( attrs ){
                var item = attrs.item;

                if( item.get('id') === "item1" &&
                    item.getStdModNode('body').get('children').size() === 0 ){

                    item.set( "bodyContent", '
Loading, please wait...
' ); Y.later(1500, this, function(){ var dbCont = Y.one( "#db_container" ); dbCont.set( "innerHTML", ['
', 'This is content, inserted via "innerHTML".
In this case, you have to invoke the resize function.', '
'].join('') ); item.resize(); }); } }, this ); accordion1.render(); });

Click on the first item in order to load content dynamically:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus libero a ipsum iaculis euismod. Quisque ac enim a ipsum ornare bibendum condimentum nec quam. Quisque viverra gravida velit vel interdum. Pellentesque id quam non odio dictum mattis ut ut erat. Mauris convallis sodales risus, at placerat purus vestibulum nec. Phasellus ac lectus dui. Nunc quam eros, suscipit et venenatis sit amet, hendrerit at sapien. Vivamus non odio arcu. Vestibulum id neque sapien, vel sollicitudin augue. Proin vel velit nulla.
In hac habitasse platea dictumst. Sed velit ante, semper eget accumsan sed, posuere ut turpis. Duis lacinia massa fringilla urna venenatis non feugiat lectus faucibus. Cras quis dui vel turpis commodo rutrum vel et neque. Nulla vestibulum pharetra ante, nec mollis libero ultricies eget. Quisque tempor urna sed justo lacinia eleifend. Duis eget nisl augue, quis lacinia lorem. Maecenas sed mi quis lacus euismod adipiscing eget non ante. Praesent sagittis rhoncus enim, at pretium purus placerat sit amet. Nunc porta turpis id turpis tristique ac facilisis felis gravida. Vivamus neque ante, fermentum fringilla bibendum dapibus, cursus sit amet est. Proin porta hendrerit aliquam. In hac habitasse platea dictumst. In nec diam in libero mollis sollicitudin sit amet non dolor. In sed adipiscing elit. Duis aliquam sapien et ligula dictum pharetra. Vivamus posuere odio gravida sapien vehicula scelerisque. Donec nunc neque, faucibus vel volutpat a, pulvinar ac odio.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus libero a ipsum iaculis euismod. Quisque ac enim a ipsum ornare bibendum condimentum nec quam. Quisque viverra gravida velit vel interdum. Pellentesque id quam non odio dictum mattis ut ut erat. Mauris convallis sodales risus, at placerat purus vestibulum nec. Phasellus ac lectus dui. Nunc quam eros, suscipit et venenatis sit amet, hendrerit at sapien. Vivamus non odio arcu. Vestibulum id neque sapien, vel sollicitudin augue. Proin vel velit nulla.
In hac habitasse platea dictumst. Sed velit ante, semper eget accumsan sed, posuere ut turpis. Duis lacinia massa fringilla urna venenatis non feugiat lectus faucibus. Cras quis dui vel turpis commodo rutrum vel et neque. Nulla vestibulum pharetra ante, nec mollis libero ultricies eget. Quisque tempor urna sed justo lacinia eleifend. Duis eget nisl augue, quis lacinia lorem. Maecenas sed mi quis lacus euismod adipiscing eget non ante. Praesent sagittis rhoncus enim, at pretium purus placerat sit amet. Nunc porta turpis id turpis tristique ac facilisis felis gravida. Vivamus neque ante, fermentum fringilla bibendum dapibus, cursus sit amet est. Proin porta hendrerit aliquam. In hac habitasse platea dictumst. In nec diam in libero mollis sollicitudin sit amet non dolor. In sed adipiscing elit. Duis aliquam sapien et ligula dictum pharetra. Vivamus posuere odio gravida sapien vehicula scelerisque. Donec nunc neque, faucibus vel volutpat a, pulvinar ac odio.