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

Работа с дочерними элементами
Имеется множество подряд идущих подобных кусков HTML (дальше фотоБлок)
<div id="id1" class="foto"> 
                <img src="http://cs11328.vk.com/u27801073/a_d891b802.jpg" alt="" /> 
                <div class="menu"> 
                    <a href="" class="lupa">Увеличить</a><br/> 
                    <a href="" class="removeFoto">Удалить</a> 
                </div>             
            </div>


Есть Jquery код который при наведении на один из таких блоков подсвечивает блок ID=menu (дальше менюБлок) (по началу он скрыт).
$(function(){ 
                $('.foto').hover(function(){ 
                    $('.menu').show(); 
                }, function(){ 
                    $('.menu').hide(); 
                }) 
            });




Но, при наведении на один один из фотоБлоков, менюБлоки появляются у всех фотоБлоков.
Приложил скрины, там это хорошо видно.

Нужен способ типа (FAKE)


$(function(){ 
                $('.foto').hover(function(){ 
                    $($(this)' .menu').show(); 
                }, function(){ 
                    $($(this)' .menu').hide(); 
                }) 
            });



Пример

Последний раз редактировалось Maddox, 19.02.2012 в 23:31. Причина: Дополнение сообщения
Ответить с цитированием