From: Mark Otto <otto@github.com>
Date: Mon, 14 Oct 2013 01:56:03 +0000 (-0700)
Subject: mention .invisible in docs per #10102
X-Git-Tag: v3.0.1~39^2~58
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=dcbe591fa977a6e8aa93ab47ffba6adff24fb519;p=thirdparty%2Fbootstrap.git

mention .invisible in docs per #10102
---

diff --git a/javascript.html b/javascript.html
index 4fed27e48e..2b03b0927f 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>