Как сделать, чтоб при наведении на блок появлялся другой блок?

Question

[Frel]

код Как сделать, чтоб при наведении на блок появлялся другой блок? Тама пример есть какой див должен появляться, только мне еще нужно, чтобы нижний блок соотвествовал шириной верхнего блока!!!
ПЛЗ

Comments

[Ярослав Иванов]

Задали уже 161 вопрос а так задавать и не научились ? что за блок, откуда куда. Угадать надо ?

Answer 1

[Stalker_RED]

Использовать псевдокласс :hower
codepen.io/anon/pen/ryNmEj

Про ширину не уверен что правильно вас понял, они ведь и так одинаковой ширины. На всякий случай еще вариант: codepen.io/anon/pen/aJbWeL

Answer 2

[Max Medar]

https://www.w3schools.com/csSref/sel_hover.asp
А кто конкретно не получается?

Comments

[Frel]

Я вот ховером и пытался, но нет ну с дисплеем

[Ярослав Иванов]

Frel: Шта ?

[Max Medar]

Frel: по моей ссылке есть конкретный пример для твоего случая. Такая конструкция:
.div1:hover + .div2 { display: block; }
например.

Answer 3

[FullStack Alex]

проще всего мне кажется использовать Event Listener

var div1 = document.getElementById("idName");
div1.addEventListener("mouseover", function(){
    document.getElementById("div2").classList.toggle("classDisplayNone");
},false);