Skip to content

Commit 209852c

Browse files
mdomdo
committed
fixes twbs#4902: proper accordion html example
1 parent 02f6bd6 commit 209852c

File tree

2 files changed

+60
-0
lines changed

2 files changed

+60
-0
lines changed

‎docs/javascript.html

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1261,6 +1261,36 @@ <h2>Example accordion</h2>
12611261
</div>
12621262
</div>
12631263
<pre class="prettyprint linenums">
1264+
&lt;div class="accordion" id="accordion2"&gt;
1265+
&lt;div class="accordion-group"&gt;
1266+
&lt;div class="accordion-heading"&gt;
1267+
&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"&gt;
1268+
Collapsible Group Item #1
1269+
&lt;/a&gt;
1270+
&lt;/div&gt;
1271+
&lt;div id="collapseOne" class="accordion-body collapse in"&gt;
1272+
&lt;div class="accordion-inner"&gt;
1273+
Anim pariatur cliche...
1274+
&lt;/div&gt;
1275+
&lt;/div&gt;
1276+
&lt;/div&gt;
1277+
&lt;div class="accordion-group"&gt;
1278+
&lt;div class="accordion-heading"&gt;
1279+
&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"&gt;
1280+
Collapsible Group Item #2
1281+
&lt;/a&gt;
1282+
&lt;/div&gt;
1283+
&lt;div id="collapseTwo" class="accordion-body collapse"&gt;
1284+
&lt;div class="accordion-inner"&gt;
1285+
Anim pariatur cliche...
1286+
&lt;/div&gt;
1287+
&lt;/div&gt;
1288+
&lt;/div&gt;
1289+
&lt;/div&gt;
1290+
...
1291+
</pre>
1292+
<p>You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.</p>
1293+
<pre class="prettyprint linenums">
12641294
&lt;button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
12651295
simple collapsible
12661296
&lt;/button&gt;

‎docs/templates/pages/javascript.mustache

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1191,6 +1191,36 @@ $('#my-alert').bind('closed', function () {
11911191
</div>
11921192
</div>{{! /example }}
11931193
<pre class="prettyprint linenums">
1194+
&lt;div class="accordion" id="accordion2"&gt;
1195+
&lt;div class="accordion-group"&gt;
1196+
&lt;div class="accordion-heading"&gt;
1197+
&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"&gt;
1198+
{{_i}}Collapsible Group Item #1{{/i}}
1199+
&lt;/a&gt;
1200+
&lt;/div&gt;
1201+
&lt;div id="collapseOne" class="accordion-body collapse in"&gt;
1202+
&lt;div class="accordion-inner"&gt;
1203+
Anim pariatur cliche...
1204+
&lt;/div&gt;
1205+
&lt;/div&gt;
1206+
&lt;/div&gt;
1207+
&lt;div class="accordion-group"&gt;
1208+
&lt;div class="accordion-heading"&gt;
1209+
&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"&gt;
1210+
{{_i}}Collapsible Group Item #2{{/i}}
1211+
&lt;/a&gt;
1212+
&lt;/div&gt;
1213+
&lt;div id="collapseTwo" class="accordion-body collapse"&gt;
1214+
&lt;div class="accordion-inner"&gt;
1215+
Anim pariatur cliche...
1216+
&lt;/div&gt;
1217+
&lt;/div&gt;
1218+
&lt;/div&gt;
1219+
&lt;/div&gt;
1220+
...
1221+
</pre>
1222+
<p>{{_i}}You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.{{/i}}</p>
1223+
<pre class="prettyprint linenums">
11941224
&lt;button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
11951225
{{_i}}simple collapsible{{/i}}
11961226
&lt;/button&gt;

0 commit comments

Comments
 (0)