Имеется множество подряд идущих подобных кусков 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();
})
});
Пример