Add example with collapse mode

2026-01-31 19:59:38 +00:00
parent 7a9baa1c50
commit a975c43516
1 changed files with 25 additions and 1 deletions
@@ -116,7 +116,7 @@ The alert sign (`+` or `-`) is optional to control whether the admonition is fol
 | `header`  | **Optional.** Alias for `title`, kept for compatibility with other shortcodes.                      |
 <!-- prettier-ignore-end -->

-**Example:**
+**Example 1: `mode="open"` (multiple items can be open)**

 ```md
 {{</* accordion mode="open" */>}}
@@ -140,6 +140,30 @@ The alert sign (`+` or `-`) is optional to control whether the admonition is fol
  {{< /accordionItem >}}
 {{< /accordion >}}

+**Example 2: `mode="collapse"` (only one item open at a time)**
+
+```md
+{{</* accordion mode="collapse" */>}}
+  {{</* accordionItem title="First item" open=true */>}}
+  First item content.
+  {{</* /accordionItem */>}}
+
+  {{</* accordionItem title="Second item" */>}}
+  Second item content.
+  {{</* /accordionItem */>}}
+{{</* /accordion */>}}
+```
+
+{{< accordion mode="collapse" >}}
+  {{< accordionItem title="First item" open=true >}}
+  First item content.
+  {{< /accordionItem >}}
+
+  {{< accordionItem title="Second item" >}}
+  Second item content.
+  {{< /accordionItem >}}
+{{< /accordion >}}
+
 <br/><br/><br/>

 ## Article