diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/javascript.html | 30 | ||||
| -rw-r--r-- | docs/templates/pages/javascript.mustache | 30 |
2 files changed, 60 insertions, 0 deletions
diff --git a/docs/javascript.html b/docs/javascript.html index f4c0d484d..a530b21e0 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -1261,6 +1261,36 @@ $('#my-alert').bind('closed', function () { </div> </div> <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"> + Collapsible Group Item #1 + </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"> + Collapsible Group Item #2 + </a> + </div> + <div id="collapseTwo" class="accordion-body collapse"> + <div class="accordion-inner"> + Anim pariatur cliche... + </div> + </div> + </div> +</div> +... +</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"> <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"> simple collapsible </button> diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache index ba762d56b..5f8883bdf 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> |