About

Creates a collapsible block of content.


To create a collapsible block of content, create a container and add the data-role=”collapsible” attribute. Using data-content-theme attribute allows you to set a theme for the content of the collapsible. Directly inside this container, add any header (H1-H6) or legend element. The framework will style the header to look like a clickable button and add a “+” icon to the left to indicate it’s expandable. After the header, add any HTML markup you want to be collapsible. The framework will wrap this markup in a container that will be hidden/shown when the heading is clicked.


General


Attribute

Binds value for attributes to the object. All valid attributes can be binded.


Format from Application Class:


id="demo" width="100px"


Style

Binds value for styles to the object. All valid styles can be binded.


Format from Application Class:


width: 100px; length: 200px


Disable

If the binded value for this field contains a value, the object will not be rendered from the server to the client. The disable function will also disable all child objects.


External Reference

http://api.jquerymobile.com/collapsible/