Показать сообщение отдельно
  #1 (permalink)  
Старый 18.10.2012, 22:08
Новичок на форуме
Отправить личное сообщение для flintovich Посмотреть профиль Найти все сообщения от flintovich
 
Регистрация: 18.10.2012
Сообщений: 1

Не стандартный hover
Добрый вечер.
Я новичок в 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 с этим классом, с него он пропадает.
Ответить с цитированием