Как сделать, чтобы при наведение курсора на блок — он не исчезал (См. подробнее)?

Question

[evgeny_ryabcev]

Сам код

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

Answer 1

[Ленар Фаттахов]

Попробуйте так
jsfiddle.net/flaprogrammer/t29eurnv/4

Comments

[evgeny_ryabcev]

Спасибо!

Answer 2

[Константин Август]

А дописать для div'a hover не вариант?
jsfiddle.net/t29eurnv/6

Comments

[evgeny_ryabcev]

Спасибо!

[evgeny_ryabcev]

evgeny_ryabcev: но если для div'a прописать hover, то при наведение на область ниже текста будет появляться данный элемент.

Answer 3

[Сергей Наломенко]

Поместите блок в span (это самое простое решение, и, возможно, не совсем правильное для реальных проектов, но в данном контексте работает).

Вот так

Comments

[1001001 111]

Сергей Наломенко и при наведении на область ниже текста будет появляться элемент =)

[evgeny_ryabcev]

Теперь блок появляется при наведение на него же, когда он еще невидимый.

[1001001 111]

evgeny_ryabcev добавьте в верхний класс свойство, display: none; а в нижний который с hover эффектом display: block

[Сергей Наломенко]

Имя Фамилия: Нет, тогда не будет плавности. Я уже поправил в ответе. По дефолту устанавливаем height:0; а при ховере — 120px;

[evgeny_ryabcev]

Имя Фамилия: Пробовал, блок появляется без эффекта. Ленар Фаттахов предоставил решение - jsfiddle.net/flaprogrammer/t29eurnv/4

Answer 4

[ukoHka]

Надо работать через :hover родителя обоих элементов.