mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-11 16:14:04 +02:00
Code Issues Releases Wiki Activity

fixes #4902: proper accordion html example

Browse Source
This commit is contained in:
Mark Otto
2012-09-01 12:03:55 -07:00
parent 02f6bd65f5
commit 209852c805
2 changed files with 60 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
docs/javascript.html
View File

@@ -1261,6 +1261,36 @@ $('#my-alert').bind('closed', function () {
</div> </div>
</div> </div>
<pre class="prettyprint linenums"> <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; &lt;button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
simple collapsible simple collapsible
&lt;/button&gt; &lt;/button&gt;

30
docs/templates/pages/javascript.mustache vendored
View File

@@ -1191,6 +1191,36 @@ $('#my-alert').bind('closed', function () {
</div> </div>
</div>{{! /example }} </div>{{! /example }}
<pre class="prettyprint linenums"> <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; &lt;button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
{{_i}}simple collapsible{{/i}} {{_i}}simple collapsible{{/i}}
&lt;/button&gt; &lt;/button&gt;