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

Question

[nickostyle]

Имеет код:

<div class="hover">...</div>

<div class="hide">...</div>

<div class="show" style="display: none;">...</div>

Т.е. есть три блока, которые по ряду причин находятся в совершенно разных по логике верстки местах. Блок .show - это блок, который изначально скрыт. При наведении курсора на блок .hover нужно сначала скрыть блок .hide, и показать блок .show.

Answer 1

[Appp Zooo]

На js jsfiddle.net/5PR5E/6

Comments

[nickostyle]

Блок, на который наводим курсор, не должен исчезать. На вашем примере он и не исчезает, хотя написано там совсем по-другому. Вообще пример работает некорректно, к сожалению.

[nickostyle]

Почти то, что нужно, только при отведении курсора нужно вернуть все как было :)

[Appp Zooo]

@nickostyle Я обновил ответ, теперь то то что нужно? а то вы пропали)

[nickostyle]

Извиняюсь, отходил :) да, теперь все классно, просто и работает! Спасибо Вам большое!

[Appp Zooo]

@nickostyle и вам)