Как при наведении на блок показать другой блок поверх первого?

Question

[msdosx86]

Идея простая, но почему-то при наведении начинается какая-то дискотека. В css не силён, поэтому буду рад, если кто-нибудь объяснит и скажет как надо исправить

Ссылка на jsfiddle

Answer 1

[0xD34F]

Когда показывается второй блок, ховер с первого уходит - значит, второй блок надо скрыть, и первый снова показать. Сразу же случается ховер у первого блока - он скрывается, второй показывается. Ховер уходит на второй блок - надо его скрыть, первый показать... Показывать второй блок надо не только при ховере на первом, но и при ховере на самом себе. А чтобы второй блок не съезжал, когда первый снова станет видимым, используем абсолютное позиционирование. Типа так.

Comments

[msdosx86]

Вот оно как, теперь буду знать, спасибо)

Answer 2

[Вадим Кот]

https://jsfiddle.net/vadimkot/r8ow740g/9/

Comments

[msdosx86]

Красиво, спасибо)