30 lines
787 B
Text
30 lines
787 B
Text
|
{% 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 %}
|