оригинальная версия версия для слабовидящих контрастная версия выключить изображения включить изображения RSS FEED K2 NEWS
Суббота, 29 Сентябрь 2018 00:02

Меню Accordion только CSS

Для одного из сайтов, с которыми я работаю, мне понадобилось меню «аккордион», если Вы далеки от веб-терминологии, поясню: это когда нажимаешь на кнопку меню и появляется область (ранее скрытая) в которой идут дополнительные кнопки, которые как «матрёшка» так же раскроются, либо будут ссылками на какой-то материал.

Меню в итоге, в том виде, в котором мне было надо, я сделал сам, а вот некоторыми наработками которые мне приглянулись, решил поделиться. Вот одно из них:

Источник: здесь.

Скачать архив: zip.

Сразу небольшая оговорка – эффект интересный да, но работать будет только на ПК и ноутбуках (и там, где есть «курсор»), а из-за отсутствия курсора у гаджетов, на мобильной версии данный девайс будет абсолютно бесполезен. Конечно, можно сделать чтобы на компьютере отображалось меню таким вот образом, а в мобильной – другое (я, как правило, так и делаю, в случае необходимости).

Спонсоры: