aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2018-03-31 18:36:10 -0700
committerMark Otto <[email protected]>2018-03-31 18:36:10 -0700
commitb2e423f54dcf47844e0a076a1f397b6a548dba58 (patch)
tree3ed726bb82ef0c129a042ea7a42280ce9c270777
parentabe44dcc5b30d3505f69b62ca7cc2ac169045286 (diff)
downloadbootstrap-b2e423f54dcf47844e0a076a1f397b6a548dba58.tar.xz
bootstrap-b2e423f54dcf47844e0a076a1f397b6a548dba58.zip
fixes #25343 by mentioning how collapse animates in docs
-rw-r--r--docs/4.0/components/collapse.md4
1 files changed, 4 insertions, 0 deletions
diff --git a/docs/4.0/components/collapse.md b/docs/4.0/components/collapse.md
index 86462492b..01ebd52b7 100644
--- a/docs/4.0/components/collapse.md
+++ b/docs/4.0/components/collapse.md
@@ -6,6 +6,10 @@ group: components
toc: true
---
+## How it works
+
+The collapse JavaScript plugin is used to show and hide content. Buttons or anchors are used as triggers that are mapped to specific elements you toggle. Collapsing an element will animate the `height` from it's current value to `0`. Given how CSS handles animations, you cannot use `padding` on a `.collapse` element. Instead, use the class as an independent wrapping element.
+
## Example
Click the buttons below to show and hide another element via class changes: