htmlacademy / Open-session

Задания для открытых сессий

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Открытая сессия

Задание_1

  • Вам необходимо настроить работу интерактивного элемента аккордеон.
  • Вносить правки в структуру вёрстки или стилей нельзя.
  • Использовать сторонние библиотеки нельзя.

Требования заказчика

  • Данный блок - аккордеоны. По умолчанию все аккордеоны с информацией скрыты.
  • У выпадающих элементов при раскрытии ответа на вопрос через стрелку и скрытии его через стрелку проигрывается анимация плавного выпадения.
  • При клике на стрелку должны открываться или закрываться соответствующие компоненты.
  • Пользователь сам раскрывает аккордеон и сам же его закрывает. Одновременно пользователем могут быть открыты только три аккордеона.
  • При открытие чертвёртого аккордеона, первый открытый автоматически скрывается.
  • С аккордеонами можно взаимодействовать с помощью мышки и клавиатуры.
  • Блок реализуется только для декстопной версии.

Структура работы

Макет проекта находится по ссылке:

https://www.figma.com/file/TYdXFMTbKaE8Gf64OfwcfT/%D0%9E%D1%82%D0%BA%D1%80%D1%8B%D1%82%D1%8B%D0%B5-%D0%B7%D0%B0%D0%BD%D1%8F%D1%82%D0%B8%D1%8F?type=design&node-id=0%3A1&mode=design&t=pl3GVLySxAyAHFXX-1

  • Код для работы компонента необходимо реализовывать в файле modules.js

About

Задания для открытых сессий


Languages

Language:HTML 100.0%