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"}
:::