# Mobile Collapsible Element

Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | About

## Table of Contents

- 1 Mobile Collapsible Element - #mobilecollapsible {}

## 1 Mobile Collapsible Element - #mobilecollapsible {}

This element produces a jQuery Mobile Collapsible Content Element

### Usage

    #mobile_collapsible {
       collapsed=true,
       header_text="See my favorite movies",
       content_body=[
          #list{body=[
             #listitem{text="Big Trouble in Little China"},
             #listitem{text="Dumb and Dumber"},
             #listitem{text="Gladiator"}
          ]}
       ]
    }

### Attributes

headertext - (string)
  The header text of the collapsible. This is the text that will be clicked on to expand or collapse the content
contenttext - (string)
  The text content of the element.
contentbody - (Nitrogen element or list of elements)
  Set the element(s) that will be rendered within this panel.
headertheme - (atom)
  Set the jQuery Mobile swatch letter for the header.
contenttheme - (atom)
  Set the jQuery Mobile swatch letter for the content.
collapsed - (boolean)
  Set to true to have the element start collapsed, false to start open. (default 'true')
mini - (boolean)
  Set to true to render the collapsible in a smaller, more compact form.

### See Also

- jQuery mobile elements
- base element
- mobile collapsible set element
- panel element

Date: 2012-10-18 03:25:07 CDT

Author: Jesse Gumm (@jessegumm)

Org version 7.8.02 with Emacs version 23

Validate XHTML 1.0

## Comments

Note:To specify code blocks, just use the generic code block syntax:

    <pre><code>your code here</code></pre>

comments powered by Disqus