СреднийИнтерактивДоступностьСемантика

Аккордеон FAQ

Сверстайте аккордеон по макету

Бриф

Сверстайте блок с часто задаваемыми вопросами по макету.

В интерфейсе должны присутствовать:

  • заголовок блока;
  • краткое описание;
  • список вопросов;
  • кнопка раскрытия для каждого вопроса;
  • скрытый текст ответа.

С помощью JavaScript реализуйте работу аккордеона. При нажатии на вопрос должен раскрываться соответствующий ответ, а повторное нажатие — скрывать его. Открытый элемент должен получать соответствующее оформление, а иконка — изменять свое состояние.

Если возникнут трудности — задайте вопрос в нашем Telegram-чате.