From 83724c6f9e2d8eb72d823872b0a14d6a94c10175 Mon Sep 17 00:00:00 2001
From: Gabriel Schulhof <gabriel.schulhof@intel.com>
Date: Sat, 13 Jul 2013 00:16:18 +0300
Subject: [PATCH] Demos: Collapsible: Provide an example of a pre-rendered
 collapsible.

---
 demos/widgets/collapsibles/index.php | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/demos/widgets/collapsibles/index.php b/demos/widgets/collapsibles/index.php
index 5ac3c545678..515f8647aeb 100644
--- a/demos/widgets/collapsibles/index.php
+++ b/demos/widgets/collapsibles/index.php
@@ -211,6 +211,22 @@
             </div>
         </div><!--/demo-html -->
 
+				<h2>Pre-rendered markup</h2>
+				<p>You can supply pre-rendered markup for any collapsible to save startup time. The example below illustrates the markup you have to provide for a pre-rendered collapsible.</p>
+				<div data-demo-html="true">
+					<div data-role="collapsible" data-enhanced="true" class="ui-collapsible ui-collapsible-inset ui-corner-all ui-collapsible-collapsed">
+						<h4 class="ui-collapsible-heading ui-collapsible-heading-collapsed">
+							<a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-icon-plus">
+							Heading
+							<div class="ui-collapsible-heading-status"> click to expand contents</div>
+							</a>
+						</h4>
+						<div class="ui-collapsible-content ui-collapsible-content-collapsed" aria-hidden="true">
+							<p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
+						</div>
+					</div>
+				</div>
+
 	</div><!-- /content -->
 
 	<div data-role="footer" class="jqm-footer">