Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
AleninD
@AleninD
CSS
Вёрстка
Как реализовать вот такое вертикальное меню с подменю без JS?
Codepen Example
В примере submenu выпадает при наведении, как реализовать точно такой же вариант по клику. Допустим справа будет псевдоэлемент, по клику на который будет выпадать submenu?
Вопрос задан
более трёх лет назад
419 просмотров
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Максим
@LenovoId
svg, css,js
https://codepen.io/topicstarter/pen/pMdaXE
- самоё лёгкое что я придумал
Ответ написан
более трёх лет назад
4
комментария
Нравится
5
4
комментария
Facebook
Вконтакте
Twitter
Brad9aga
@Brad9aga
а по другому не реализуешь
Написано
более трёх лет назад
Максим
@LenovoId
Brad9aga
, да только на checkbox но можно на :focus ещё
Написано
более трёх лет назад
Brad9aga
@Brad9aga
Максим Ленский
,свернуть ты его не свернешь на фокусе, только кликом по другой области, так что фокус становится бесполезным
Написано
более трёх лет назад
Brad9aga
@Brad9aga
Александр Маргинал
, потеря фокуса. речь была о фокусе
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Как сделать так, чтобы карточка была по размеру контента, если его немного?
1 подписчик
7 часов назад
58 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
1 подписчик
13 часов назад
58 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
22 часа назад
83 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
вчера
156 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
вчера
90 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
11 мар.
183 просмотра
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
11 мар.
90 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
870 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
140 просмотров
2
ответа
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
120 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама