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

Задание_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