2.5 #molecules.footer-accordion Footer Accordion
Toggle example guides Toggle HTML markup
Mobile accordion using <details>/<summary> for footer columns.
Desktop: summary hidden, content visible via open attribute.
Mobile: collapsible with chevron indicators.
Tokens: $spacing-micro, $component-footer-accordion-padding-bottom, $component-footer-summary-padding, $border-width-thin
Example
Topics
Topics
- ...
Markup
<details class="tinnitus-footer-accordion" open>
<summary>Topics</summary>
<h3 class="wp-block-heading tinnitus-footer-heading">Topics</h3>
<ul class="tinnitus-footer-topics">...</ul>
</details>
Source:
web/app/themes/naluma-theme/assets/scss/molecules/_footer-accordion.scss, line 1