{% filter markdown %}{% raw %}
```html+jinja
<Accordion>
  <details>
    <summary>Is it accessible?</summary>
    <div class="panel">
      Yes, more than any custom accordion you'll find on the web, because it's made
      with native elements.
    </div>
  </details>

  <details>
    <summary>Is it unstyled?</summary>
    <div class="panel">
      Yes. The Accordion doesn't need any styles, you are free to style your
      <code>&lt;details&gt;</code> elements however you need.
    </div>
  </details>

  <details>
    <summary>Can it be animated?</summary>
    <div class="panel">
      The <code>&lt;details&gt;</code> elements can be animated (with some restrictions)
      using CSS animations, or with JS.
    </div>
  </details>
</Accordion>
```
{% endraw %}{% endfilter %}
