Gallery

<script src="http://yui.yahooapis.com/3.3.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.08.15-20-00'
}).use('gallery-accordion', function(Y) {
    var item1, item2, item3, accordion;
 
    accordion = new Y.Accordion({
        srcNode: "#acc1",
        useAnimation: true,
        collapseOthersOnExpand: true
    });
 
    accordion.render();
 
    item1 = new Y.AccordionItem( {
        label: "Item1, added from script",
        expanded: true,
        id: "dynamicItem1",
        contentHeight: {
            method: "fixed",
            height: 80
        },
        closable: true
    } );
 
    item1.set( "bodyContent", "This is the body of the item, added dynamically to accordion.<br>Content height has been set as \"fixed, 80px\"." );
 
    accordion.addItem( item1 );
 
    item2 = new Y.AccordionItem( {
        label: "Item2, added from script",
        expanded: true,
        id: "dynamicItem2",
        contentHeight: {
            method: "stretch"
        }
    } );
 
    item2.set( "bodyContent", "This is the body of the item, added dynamically to accordion, before item1.<br>Content height has been set as \"stretch\"." );
 
    accordion.addItem( item2, item1 );
 
    item3 = new Y.AccordionItem( {
        label: "Item3, added from script",
        expanded: true,
        alwaysVisible: true,
        id: "dynamicItem3",
        contentHeight: {
            method: "auto"
        }
    } );
 
    item3.set( "bodyContent", "<div style='position:relative;'>This is the body of the item, added dynamically to accordion.<br>Content height has been set as \"auto\".</div>" );
 
    accordion.addItem( item3 );
 
});