diff options
author | Mark Otto <markotto@twitter.com> | 2012-09-01 23:03:55 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-09-01 23:03:55 +0400 |
commit | 209852c805be35a8a59a1c71cf46e9048d1363d3 (patch) | |
tree | da41b9f3a803da9eb3390529537eba89a8474b8a /docs/templates/pages | |
parent | 02f6bd65f5cd44b41e49d23ed7e6a068a04805a6 (diff) |
fixes #4902: proper accordion html example
Diffstat (limited to 'docs/templates/pages')
-rw-r--r-- | docs/templates/pages/javascript.mustache | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache index ba762d56bb..5f8883bdf7 100644 --- a/docs/templates/pages/javascript.mustache +++ b/docs/templates/pages/javascript.mustache @@ -1191,6 +1191,36 @@ $('#my-alert').bind('closed', function () { </div> </div>{{! /example }} <pre class="prettyprint linenums"> +<div class="accordion" id="accordion2"> + <div class="accordion-group"> + <div class="accordion-heading"> + <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> + {{_i}}Collapsible Group Item #1{{/i}} + </a> + </div> + <div id="collapseOne" class="accordion-body collapse in"> + <div class="accordion-inner"> + Anim pariatur cliche... + </div> + </div> + </div> + <div class="accordion-group"> + <div class="accordion-heading"> + <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> + {{_i}}Collapsible Group Item #2{{/i}} + </a> + </div> + <div id="collapseTwo" class="accordion-body collapse"> + <div class="accordion-inner"> + Anim pariatur cliche... + </div> + </div> + </div> +</div> +... +</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"> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"> {{_i}}simple collapsible{{/i}} </button> |