Demos: Changed from H2 to H3 to avoid collapsible headers from showing up in section nav

Author: toddparker

docs/demos/widgets/collapsibles/index.html

@@ -44,7 +44,7 @@ <h4>Heading</h4>
             </div>
         </div><!--/demo-html -->
 
-        <h3>Theme</h3>
+        <h2>Theme</h2>
 
         <p>Add the <code>data-content-theme</code> attribute to set a theme for the content of the collapsible. To provide a stronger visual connection between the collapsible header and content, add the <code>data-content-theme</code> attribute to the wrapper and specify a theme swatch letter. This applies the swatch's border and <em>flat</em> background color (not the gradient) to the content block, removes the rounded corners from the bottom of the header, and gives the bottom of the content block rounded corners to visually group these elements.</p>
 
@@ -55,7 +55,7 @@ <h4>Heading</h4>
             </div>
         </div><!--/demo-html -->
 
-        <h3>Expanded</h3>
+        <h2>Expanded</h2>
 
         <p>To expand the content when the page loads, add the <code>data-collapsed="false"</code> attribute to the wrapper.</p>
 
@@ -71,7 +71,7 @@ <h4>Heading</h4>
         </div><!--/demo-html -->
 
 
-        <h3>Mini sized</h3>
+        <h2>Mini sized</h2>
 
         <p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms/forms-all-mini.html">mini version</a>. </p>
 
@@ -86,7 +86,7 @@ <h4>Heading</h4>
             </div>
         </div><!--/demo-html -->
 
-            <h3>Icons</h3>
+            <h2>Icons</h2>
 
             <p>The default icons of collapsible headings can be overridden by using the <code>data-collapsed-icon</code> and <code>data-expanded-icon</code> attributes. In the example below, <code>data-collapsed-icon="arrow-r"</code> and <code>data-expanded-icon="arrow-d"</code>.</p>
 
@@ -109,7 +109,7 @@ <h3>I'm a header</h3>
                 <p><code>data-iconpos="right"</code></p>
             </div>
 
-        <h3>Legend</h3>
+        <h2>Legend</h2>
 
         <p>For forms, use a <code>fieldset</code> and <code>legend</code> for the collapsible.</p>
         <div data-demo-html="true">
@@ -145,13 +145,13 @@ <h4>Heading</h4>
 
 
 
-        <h3>Set of individual collapsibles</h3>
+        <h2>Set of individual collapsibles</h2>
 
         <p>This is an example of a series of individual collapsibles. The difference with a "Collapsible Set" is that multiple collapsible rows can be open at once.</p>
 
         <div data-demo-html="true">
             <div data-role="collapsible" data-theme="b" data-content-theme="d" data-inset="false">
-                <h2>Pets</h2>
+                <h3>Pets</h3>
                 <ul data-role="listview">
                     <li><a href="#">Canary</a></li>
                     <li><a href="#">Cat</a></li>
@@ -162,7 +162,7 @@ <h2>Pets</h2>
                 </ul>
             </div><!-- /collapsible -->
             <div data-role="collapsible" data-theme="b" data-content-theme="d" data-inset="false">
-                <h2>Farm animals</h2>
+                <h3>Farm animals</h3>
                 <ul data-role="listview">
                     <li><a href="#">Chicken</a></li>
                     <li><a href="#">Cow</a></li>
@@ -173,7 +173,7 @@ <h2>Farm animals</h2>
                 </ul>
             </div><!-- /collapsible -->
             <div data-role="collapsible" data-theme="b" data-content-theme="d" data-inset="false">
-                <h2>Wild Animals</h2>
+                <h3>Wild Animals</h3>
                 <ul data-role="listview">
                     <li><a href="#">Aardvark</a></li>
                     <li><a href="#">Alligator</a></li>
@@ -191,7 +191,7 @@ <h2>Wild Animals</h2>
         <div data-demo-html="true" data-demo-css="true">
             <div id="demo-borders">
                 <div data-role="collapsible" data-theme="e" data-content-theme="d" data-inset="false">
-                    <h2>Pets</h2>
+                    <h3>Pets</h3>
                     <ul data-role="listview">
                         <li><a href="#">Canary</a></li>
                         <li><a href="#">Cat</a></li>
@@ -202,7 +202,7 @@ <h2>Pets</h2>
                     </ul>
                 </div><!-- /collapsible -->
                 <div data-role="collapsible" data-theme="e" data-content-theme="d" data-inset="false">
-                    <h2>Farm animals</h2>
+                    <h3>Farm animals</h3>
                     <ul data-role="listview">
                         <li><a href="#">Chicken</a></li>
                         <li><a href="#">Cow</a></li>