Skip to content
GitLab
Commit 209852c8 authored by Mark Otto's avatar Mark Otto
Browse files

fixes #4902: proper accordion html example

parent 02f6bd65
Hide whitespace changes
Inline Side-by-side
Showing
with 60 additions and 0 deletions
+60 -0
docs/javascript.html
+ 30
- 0
View file @ 209852c8
......@@ -1261,6 +1261,36 @@ $('#my-alert').bind('closed', function () {
</div>
</div>
<pre class="prettyprint linenums">
&lt;div class="accordion" id="accordion2"&gt;
&lt;div class="accordion-group"&gt;
&lt;div class="accordion-heading"&gt;
&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"&gt;
Collapsible Group Item #1
&lt;/a&gt;
&lt;/div&gt;
&lt;div id="collapseOne" class="accordion-body collapse in"&gt;
&lt;div class="accordion-inner"&gt;
Anim pariatur cliche...
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="accordion-group"&gt;
&lt;div class="accordion-heading"&gt;
&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"&gt;
Collapsible Group Item #2
&lt;/a&gt;
&lt;/div&gt;
&lt;div id="collapseTwo" class="accordion-body collapse"&gt;
&lt;div class="accordion-inner"&gt;
Anim pariatur cliche...
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
...
</pre>
<p>You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.</p>
<pre class="prettyprint linenums">
&lt;button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
simple collapsible
&lt;/button&gt;
......
docs/templates/pages/javascript.mustache
+ 30
- 0
View file @ 209852c8
......@@ -1191,6 +1191,36 @@ $('#my-alert').bind('closed', function () {
</div>
</div>{{! /example }}
<pre class="prettyprint linenums">
&lt;div class="accordion" id="accordion2"&gt;
&lt;div class="accordion-group"&gt;
&lt;div class="accordion-heading"&gt;
&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"&gt;
{{_i}}Collapsible Group Item #1{{/i}}
&lt;/a&gt;
&lt;/div&gt;
&lt;div id="collapseOne" class="accordion-body collapse in"&gt;
&lt;div class="accordion-inner"&gt;
Anim pariatur cliche...
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="accordion-group"&gt;
&lt;div class="accordion-heading"&gt;
&lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"&gt;
{{_i}}Collapsible Group Item #2{{/i}}
&lt;/a&gt;
&lt;/div&gt;
&lt;div id="collapseTwo" class="accordion-body collapse"&gt;
&lt;div class="accordion-inner"&gt;
Anim pariatur cliche...
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
...
</pre>
<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>
<pre class="prettyprint linenums">
&lt;button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
{{_i}}simple collapsible{{/i}}
&lt;/button&gt;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment