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.

Bootstrap Collapse (gallery-bootstrap-collapse) on cdn

Last Updated: 08/15/12

+ 0 -

J. Shirley

YUI Contributor

See 8 more by this user.

Created: 08/15/12
Last CDN Push: 08/22/12
Build Tag: gallery-2012.08.22-20-00
Project: YUI 3
License: YUI BSD
YUI Version: 3.6.0
Free for use.

This plugin allows the Twitter Bootstrap collapsible elements to function.

Tags:
jshirley

Any trigger with a data-toggle=collapse can fire off and collapse an element, as specified in the data-target attribute. There can also be groupings, to create an accordion control.



<button class="btn btn-danger" data-toggle="collapse" data-target="#demo">

  simple collapsible

</button>

 <div id="demo" class="collapse in"> &acirc;�&brvbar; </div>

Code Sample

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.08.22-20-00'
}).use('gallery-bootstrap-collapse', function(Y) {
    Y.one('#myCollapsible').plug( Y.Bootstrap.Collapse, {
        duration: 1
    });
});