Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-25 00:24:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

correct some typos and correction for #2524

Browse source
This commit is contained in:
Maurice Gottlieb 2011-09-25 20:36:32 +03:00
parent 6db3ca1390
commit 8539423a56
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
docs/content/content-collapsible.html
View file

@ -24,7 +24,7 @@
<div class="content-primary">
<h2>Collapsible content markup</h2>
<p>To create a collapsible blocks of content, create a container and add the <code> data-role="collapsible"</code> attribute.</p>
<p>To create a collapsible block of content, create a container and add the <code> data-role="collapsible"</code> attribute.</p>
<p>Using <code>data-content-theme</code> attribute allows you to set a theme for the content of the collapsible.</p>
@ -42,14 +42,14 @@
<div data-role="collapsible">
<h3>I'm a header</h3>
<p>I'm the collapsible content. By default I'm closed, but you can click the header to open me</p>
<p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
</div>
<p>As the example notes, by default the content will be collapsed. To expand the content when the page loads, add the <code>data-collapsed="false"</code> attribute to the wrapper.</p>
<code>
&lt;div data-role=&quot;collapsible&quot; <strong>data-collapsed=&quot;true&quot;&gt;</strong>
&lt;div data-role=&quot;collapsible&quot; <strong>data-collapsed=&quot;false&quot;&gt;</strong>
</code>
<p>This code will create a collapsible widget like this:</p>
@ -63,7 +63,7 @@
<p>Collapsible content is minimally styled &mdash; we add only a bit of margin between the bar and content, and the header adopts the default Theme styles of the container it sits within.</p>
<h2>Collapsible example</h2>
<p>This page has 4 collapsible containers with different types of content inside.</p>
<p>This page has 5 collapsible containers with different types of content inside.</p>
<div data-role="collapsible">
<h3>Section 1: Collapsed text block</h3>
@ -71,9 +71,9 @@
<p>I'm the collapsible content. I'm the collapsible content. I'm the collapsible content. I'm the collapsible content. I'm the collapsible content. I'm the collapsible content. I'm the collapsible content. </p>
</div><!-- /section 1 -->
<div data-role="collapsible">
<div data-role="collapsible" data-collapsed="false">
<h3>Section 2: Expanded on load</h3>
<p>I'm closed when the page loads because I don't have the <code>data-collapsed="false"</code> attribute on my container. </p>
<p>I'm opened when the page loads because I have the <code>data-collapsed="false"</code> attribute on my container. </p>
<p>I'm the collapsible content. I'm the collapsible content. I'm the collapsible content. I'm the collapsible content. I'm the collapsible content. I'm the collapsible content.</p>
</div><!-- /section 2 -->
@ -115,12 +115,12 @@
</div><!-- /section 5 -->
<h2>Nested Collapsibles</h2>
<div data-role="collapsible">
<div data-role="collapsible" data-collapsed="false">
<h3>I'm a header</h3>
<p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
<div data-role="collapsible">
<div data-role="collapsible" data-collapsed="false">
<h3>I'm a nested collapsible header</h3>
<p>I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
<p>I'm the collapsible content in a nested collapsible. By default I'm open and displayed on the page, but you can click the header to hide me.</p>
</div>
</div>