Работа с дочерними элементами

[Maddox]

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

Пример

[melky]

Вероятно, ...

$('.menu', this).show();

и в таком же духе.

[Maddox]

Спасибо.. Действительно работает... Я и не знал что есть второй параметр и на "бум" написал "FAKE". А что это за парамерт такой? Что в него передавать именно?

[melky]

$(selector[, context]) — условия заданы с помощью селектора selector и области поиска context (если она не задана, то областью поиска будет весь документ), которая может быть задана DOM-элементом, jQuery-объектом или объектом документа.

http://jquery.page2page.ru/index.php5/Функция_jQuery