Accordions

Collapsible regions for grouping related content. Use the declarative data-ms="accordion" and toggle attributes to create accessible accordions.

Basic example

Content for section 1 — hello world.
HTML
<div data-ms="accordion">
  <button data-ms-toggle="accordion" data-ms-target="#acc1">Section 1</button>
  <div id="acc1">...</div>
  <button data-ms-toggle="accordion" data-ms-target="#acc2">Section 2</button>
  <div id="acc2" hidden>...</div>
</div>
<