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

Question

[Петр]

Доброе время суток. Возникла ситуация когда при наведение на отдельные div'ы (области сайта) требуется отображать div в другой области сайта. решение в CSS3 я знаю но там требуется что бы div'ы были соседями. А в моей ситуации они вовсе в разных местах.
Пример:

<div class ="row">
   <div class="region"></div>
</div>
<div class="row">
   <!-- различное содержание строки -->
</div>
<div class="row">
   <div class="cont">
   </div>
</div>

Так вот, при наведении на div с классом cont, должен отображаться div с классом region.
Решение хочется при помощи JS, когда наводим на div, второй появляется, когда курсор убран то и див перестает быть видимым.

Answer 1

[Alexander Pushkarev]

Вот так - codepen.io/AXP/pen/WRYjjm

Comments

[Петр]

Спасибо за столь быстры отзыв, а если буде несколько div'ов region. Например region-1, region-2 и т.д. И так-же несколько cont-1, cont-2 и т.д. Если способ добавить их в один скрип, а не дублировать одно и тоже.

Answer 2

[Егор Живагин]

Навскидку

//JQuerry
$('.cont').on('hover', function () {
$('.region').show();
})

Answer 3

[lega]

https://jsfiddle.net/lega911/37qh6343/

Comments

[lega]

https://jsfiddle.net/lega911/15mqr3to/