Merge pull request #2525 from MauriceG/patch-4

correct some typos and correction for #2524. Thanks MauriceG!

Author: toddparker

docs/content/content-collapsible.html

@@ -24,7 +24,7 @@ <h1>Collapsible content</h1>
 		<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 @@ <h2>Collapsible content markup</h2>
 
 			<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,17 +63,17 @@ <h3>I'm a header</h3>
 		<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>
 			<p>I'm closed when the page loads because that's the default state of a collapsible.</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. 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 @@ <h3>Section 5: themed content</h3>
 		</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>