Как добавить в меню подменю при наведении?

Ссылка скопирована
5 мая 2026 1 ответ

Не получается корректно добавить выпадающий список при наведении на "Услуги".
Для десктопной версии получилось, а вот для мобильной не получается, при нажатии меню просто закрывается. В чем проблема?
Спасибо.
Код: codepen

Меню в десктопе:

Как добавить в меню подменю при наведении?

Мобилка:

Как добавить в меню подменю при наведении?

Дополнительно:

Ни одного медиазапроса
Нету выпадающего меню
Что вы хотите добиться?

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Ирина WP Ответ

Для добавления подменю в меню при наведении можно использовать CSS и JavaScript. Вот пример кода, который покажет, как это можно реализовать:

1. HTML:
```html

```

2. CSS:
```css
nav ul {
list-style: none;
padding: 0;
}

nav ul li {
display: inline-block;
position: relative;
}

nav ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
}

nav ul li:hover ul {
display: block;
}

nav ul li ul li {
display: block;
}
```

3. JavaScript (необязательно):
```html

document.querySelectorAll('.submenu').forEach(item => {
item.addEventListener('mouseover', () => {
item.querySelector('ul').style.display = 'block';
});
item.addEventListener('mouseleave', () => {
item.querySelector('ul').style.display = 'none';
});
});

```

Этот код создаст меню с пунктом "Услуги", при наведении на него появится подменю с дополнительными ссылками. CSS устанавливает стили для меню и подменю, а JavaScript добавляет функционал показа подменю при наведении курсора.

Надеюсь, это поможет вам добавить подменю в ваше меню при наведении на пункт. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно