Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Accordion (gallery-md-accordion) on cdn

Last Updated: 05/3/13

+ 1 -

Satyam

YUI Contributor

See 12 more by this user.

Created: 08/20/11
Last CDN Push: 01/23/13
Build Tag: gallery-2013.01.23-21-59
Project: YUI 3
License: YUI BSD
YUI Version: 3.10.0
Free for use.

Panels in this accordion can be resized (via Y.Resize) and if transition is present, they will expand and collapse nicely. Panels may have a X-close button on their headers and they will be removed from the collection and destroyed when clicked upon. Panels can be opened exclusive of one another.

Though the code was written from scratch, the styling is borrowed from Iliyan Peychev's Gallery Accordion

Tags:
satyam

Code Sample

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2013.01.23-21-59'
}).use('gallery-md-accordion','resize-plugin', 'transition', function(Y) {
 
    var acc = new Y.Accordion({
        children:[
            {label:'one', content:'this is the content  <br/> of the first'},
            {label:'two', expanded:true, content:'this is the content  <br/> of the second'},
            {label:'three', content:'this is the content  <br/> of the third'}
        ],
        multiExpand:false,
        closeable: true
    }).render('#acc'),
});