Простые примеры аккордеона на CSS
При FrontEnd разработке веб сайтов во многих проектах нужно реализовать раздвигающие вертикальные вкладки с тектовой информацией. Это можно сделать с помощью JS скриптов или в более простом варианте через CSS стили.
Рассмотрим два примера вертикальных вкладок "аккордеона".
Пример аккордеона с активной открытой вкладкой
При нажатии на другую вкладку текущая вкладка аккордеона закрывается
Описание вкладки
Описание вкладки
Описание вкладки
Аккордеон с одновременно открытыми вкладками
Т.е. при открытии следующей вкладки аккордеона предыдущая не закрывается
Описание вкладки
Описание вкладки
Описание вкладки
Стили для данного примера такие же как в первом и описаны выше
354
раз уже помогла
