design

name на <details>: только один открытый пункт FAQ

name на <details>: только один открытый пункт FAQ

Общий атрибут name="faq-pricing" на нескольких <details> в группе — при открытии одного остальные закрываются (в поддерживаемых браузерах).

Базовый <details><summary> работает и без name — для независимых пунктов.

- [<details> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) — name и open.

- [Accordion pattern — W3C APG](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/) — Сравнение с ARIA.

---

## Клавиатура

Summary фокусируем по умолчанию — не дублируйте кнопку внутри.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.