Accordion (details/summary)

<details>
  <summary>Что входит в тариф?</summary>
  <p>Неограниченное количество инструментов форматирования и бесплатная поддержка.</p>
</details>
<details>
  <summary>Нужна ли регистрация?</summary>
  <p>Нет, все инструменты доступны без аккаунта.</p>
</details>

Предпросмотр

Пояснение

summary — всегда видимый заголовок; содержимое details раскрывается/сворачивается по клику. Браузер сам добавляет треугольник-индикатор и управляет состоянием open/closed.

• Атрибут open на details раскрывает его сразу при загрузке страницы.
• Несколько details с одинаковым атрибутом name (в современных браузерах) ведут себя как группа — раскрывается только один сразу.

Похожие инструменты