Вопрос про html и css. Как сделать появление одного блока DIV при наведении на другой DIV?

Question

[Имя Имечко]

Вопрос про html и css. Как сделать появление одного блока DIV при наведении на другой DIV?

Через javascript по событию onmousemove к примеру document.getElementById('id_div').style.display = "block";

Это все, что удалось мне найти. А как реализовать без понятия...

Comments

[Ilya Korablev]

Почему же вы тогда мой ответ не пометили решением?

[Имя Имечко]

Ilya Korablev: я еще не разобрался с вашим примером, ща попробую его в действии и отмечу.

[Ilya Korablev]

Имя Имечко: спасибо

Answer 1

[Ilya Korablev]

CSS
.first-block:hover .second-block{
display: block;
}

Аля пример.

Comments

[Иван]

Все ок, только юзай теги )

Answer 2

[Евгений Одинец]

https://jsfiddle.net/hq3L74mc/

Пример с использование jQuery. Для работы надо подключить библиотеку тык

Comments

[Имя Имечко]

Хороший вариант, но при переходе на появляющийся блок он исчезает. Как сделать, чтобы он не пропадал т.к. в нем будут ссылки.

[Евгений Одинец]

сейчас набросаю

[Евгений Одинец]

Имя Имечко: https://jsfiddle.net/hq3L74mc/5/

Answer 3

[kn1ght_t]

если один див вложен в другой, то просто через :hover родительского дива делать display:block у потомка (а по дефолту display:none)

если без вложенность и хотите обойтись без js, надо юзать селектор ~ и радио баттон
попробуйте сделать табы на ксс3, пример
после того, как сделаете табы, поймете, как реализовать то, что вам нужно, но учтите, что данный пример будет работать в ие9+

если совсем по-простому: https://jsfiddle.net/hq3L74mc/2/