Как скрыть блок и отобразить при наведении?

Question

[alex1nd]

в css как не прописываю Никакие + или ~ не помогают

Comments

[Андрей Федоров]

На что наводится если блок скрыт?

[alex1nd]

Андрей Федоров, y988940b.beget.tech выпадающее меню информация

[Сергей delphinpro]

alex1nd, в вашем случае без js не обойтись. Зачем такая структура?

Answer 1

[Дмитрий]

Fiddle

Comments

[alex1nd]

в моем случае это не помогает y988940b.beget.tech выпадающее меню информация

Answer 2

[Андрей Федоров]

При такой структуре html, только на js можно сделать. Типа того...

var menuItem = document.querySelector(".hoverlink");
menuItem.addEventListener("mouseover", function() {
	var dropDownMenu = document.querySelector(".vypadaushee-menu");
	dropDownMenu.style.display = "block";
});
var menuItem = document.querySelector(".hoverlink");
menuItem.addEventListener("mouseout", function() {
	var dropDownMenu = document.querySelector(".vypadaushee-menu");
	dropDownMenu.style.display = "none";
});

Comments

[alex1nd]

не совсем корректно работает----не получается навести на пункты выпад. меню----и сначала оно остаётся видимым y988940b.beget.tech

[Андрей Федоров]

Может мне за вас весь сайт сверстать? ))) Это всего лишь пример. Доработайте скрипт сами. Подсказка - скрипт активирует выпадающее меню, когда мышь находится над кнопкой его вызывающей. Когда она покидает пределы кнопки - выпадающее меню исчезает. Т.е. нужно добавить активацию меню по наведению на само меню. Все разжёвано, как ребенку. Делайте.

Answer 3

[zoozag]

Вложите выпадающее меню в тот элемент/блок, на который нужно навести, чтобы оно появилось. Иначе придется прибегать к js решениям описанным выше.

Comments

[alex1nd]

влаживал в него внутрь ul li , не помогло тоже

[zoozag]

Положите ссылку и выпадающее меню в блок с классом hoverlink.
Тогда вам нужны будут следующие стили:
.hoverlink {
position: relative;
}
.vypadaushee-menu {
position: absolute;
display: none;
}
.hoverlink:hover .vypadaushee-menu {
display: block;
}

Выпадающее меню сами там спозиционируете как нужно.

[alex1nd]

zoozag, этот способ хороший -- но не получается поймать меню оно исчезает