Accordion - Synchronized Mode
In synchronized mode, all details elements in a group open and close together.
Configuration
::: {.details summary="Chapter 1" group="chapters" accordion-mode="synchronized"}
Notes for chapter 1.
:::
::: {.details summary="Chapter 2" group="chapters" accordion-mode="synchronized"}
Notes for chapter 2.
:::Demo
Click any section - all sections in the group will toggle together.
Chapter 1: Introduction
- Overview of the topic
- Key terminology
- Learning objectives
Chapter 2: Methods
- Research methodology
- Data collection
- Analysis techniques
Chapter 3: Results
- Key findings
- Statistical analysis
- Data visualization
Global Configuration
Set synchronized mode as the default:
---
extensions:
details:
interactive:
accordion-mode: "synchronized"
---Then simply use the group attribute:
::: {.details summary="Section A" group="mygroup"}
:::