diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/components/accordion.md')
| -rw-r--r-- | vendor/twbs/bootstrap/site/content/docs/5.3/components/accordion.md | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/components/accordion.md b/vendor/twbs/bootstrap/site/content/docs/5.3/components/accordion.md index 227d11a86..8b22686ad 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/components/accordion.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/components/accordion.md @@ -11,7 +11,7 @@ toc: true ## How it works -The accordion uses [collapse]({{< docsref "/components/collapse" >}}) internally to make it collapsible. To render an accordion that's expanded, add the `.open` class on the `.accordion`. +The accordion uses [collapse]({{< docsref "/components/collapse" >}}) internally to make it collapsible. {{< callout info >}} {{< partial "callouts/info-prefersreducedmotion.md" >}} @@ -21,6 +21,10 @@ The accordion uses [collapse]({{< docsref "/components/collapse" >}}) internally Click the accordions below to expand/collapse the accordion content. +To render an accordion that's expanded by default: +- add the `.show` class on the `.accordion-collapse` element. +- drop the `.collapsed` class from the `.accordion-button` element and set its `aria-expanded` attribute to `true`. + {{< example >}} <div class="accordion" id="accordionExample"> <div class="accordion-item"> |