Добрый вечер.
Я новичок в js и jQ и у меня возникла сложность с jQuery.
Допустим есть код:
<div id="wrapper">
<div class="block1">
<div class="1"></div>
<div class="2"></div>
<div class="3"></div>
<div class="4"></div>
</div>
<div class="block2">
<ul>
<li class="1"></li>
<li class="2"></li>
<li class="3"></li>
<li class="4"></li>
</ul>
</div>
</div>
Все блоки div с классами 1,2,3,4 имеют свойство: "display: none"
И нам нужно чтобы при ховере на один из элементов списка у блока с таким же классом добавлялся класс (например "open")
Средствами css(position:absolute, display: block) блок с классом "open" будет перекрывать элемент списка по которому мы навели и когда мы уводим мышь класс не пропадает.
Как на jQuery это можно реализовать?
Чтобы при наведении на нужный элемент списка появился нужный блок перекрывающий его, а когда мы убираем курсор за пределы блока div с этим классом, с него он пропадает.