29 lines
787 B
Django/Jinja
29 lines
787 B
Django/Jinja
{% 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><details></code> elements however you need.
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary>Can it be animated?</summary>
|
|
<div class="panel">
|
|
The <code><details></code> elements can be animated (with some restrictions)
|
|
using CSS animations, or with JS.
|
|
</div>
|
|
</details>
|
|
</Accordion>
|
|
```
|
|
{% endraw %}{% endfilter %}
|