diff options
| author | Mark Otto <[email protected]> | 2013-10-13 18:56:03 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-10-13 18:56:03 -0700 |
| commit | dcbe591fa977a6e8aa93ab47ffba6adff24fb519 (patch) | |
| tree | 2bb03636cde6481a558c8c8605650f5111aca675 /javascript.html | |
| parent | 2d1fa8cb5bdb61043b1abad5497ce2c74764106e (diff) | |
| download | bootstrap-dcbe591fa977a6e8aa93ab47ffba6adff24fb519.tar.xz bootstrap-dcbe591fa977a6e8aa93ab47ffba6adff24fb519.zip | |
mention .invisible in docs per #10102
Diffstat (limited to 'javascript.html')
| -rw-r--r-- | javascript.html | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/javascript.html b/javascript.html index 4fed27e48..2b03b0927 100644 --- a/javascript.html +++ b/javascript.html @@ -1574,6 +1574,13 @@ $('.btn-group').button() <h2 id="collapse-usage">Usage</h2> + <p>The collapse plugin utilizes a few classes to handle the heavy lifting:</p> + <ul> + <li><code>.collapse</code> hides the content</li> + <li><code>.collapse.in</code> shows the content</li> + <li><code>.collapsing</code> is added when the transition starts, and removed when it finishes</li> + </ul> + <p>These classes can be found in <code>component-animations.less</code>.</p> <h3>Via data attributes</h3> <p>Just add <code>data-toggle="collapse"</code> and a <code>data-target</code> to element to automatically assign control of a collapsible element. The <code>data-target</code> attribute accepts a CSS selector to apply the collapse to. Be sure to add the class <code>collapse</code> to the collapsible element. If you'd like it to default open, add the additional class <code>in</code>.</p> |