From 87588d3348153aa1410f29ba630d33f1617bc921 Mon Sep 17 00:00:00 2001 From: Tommaso Allegretti Date: Sun, 10 Mar 2024 00:01:29 +0100 Subject: [PATCH 1/2] added documentation for using checkboxes to toggle collapse --- site/content/docs/5.3/components/collapse.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/site/content/docs/5.3/components/collapse.md b/site/content/docs/5.3/components/collapse.md index d5171151b813..d5594c03eb9c 100644 --- a/site/content/docs/5.3/components/collapse.md +++ b/site/content/docs/5.3/components/collapse.md @@ -8,7 +8,7 @@ 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 its 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. +The collapse JavaScript plugin is used to show and hide content. Buttons, anchors or checkboxes are used as triggers that are mapped to specific elements you toggle. Collapsing an element will animate the `height` from its 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. {{< callout info >}} {{< partial "callouts/info-prefersreducedmotion.md" >}} @@ -22,7 +22,7 @@ Click the buttons below to show and hide another element via class changes: - `.collapsing` is applied during transitions - `.collapse.show` shows content -Generally, we recommend using a ` +

@@ -65,8 +66,8 @@ Please note that while the example below has a `min-height` set to avoid excessi ## Multiple toggles and targets -A ` -

@@ -66,8 +65,8 @@ Please note that while the example below has a `min-height` set to avoid excessi ## Multiple toggles and targets -A `