Mobile Collapsible Element

Home | Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | Advanced Guides | Troubleshooting | About

Table of Contents

1 Mobile Collapsible Element - #mobile_collapsible {}

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

header_text - (string)
The header text of the collapsible. This is the text that will be clicked on to expand or collapse the content
content_text - (string)
The text content of the element.
content_body - (Nitrogen element or list of elements)
Set the element(s) that will be rendered within this panel.
header_theme - (atom)
Set the jQuery Mobile swatch letter for the header.
content_theme - (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.

Date: 2014-11-12 19:50:58 CST

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