Каталог

[Hol1killer]

Добрый день друзья, начал изучать Jquery и захотелось создать такой типо каталог с логотипами

вот собственно код

jQuery(document).ready(function($) {	
	$('.catalog tr td ul').hide();

		$('.catalog tr td img').mouseover(function() {
		$('.catalog tr td ul:first').slideDown();
		});

	$('.catalog tr td img').mouseleave(function() {
		$('.catalog tr td ul:first').slideUp();
		});
	});

есть таблица с классом .catalog

в ней 4 ячейки, хотелось бы что бы при наведение на фотографию(img) рядом справа появлялся список ul с логотипами(стили я напишу)

получается что в набор попадают все фотографии в ячейках а не в конкретной ячейки и при наведении на любую фотографию в таблице выводится только первый список! Хотелось бы что при наведении на фотографию в данной ячейки выводился список этой же ячейки

HTML

<table width="100%" border="0" class="catalog">
					  <tr>
					    <td><img src="images/katalog/samosval.png" alt="Самосвалы" /><p>Самосвалы </p><ul><li>MAN</li><li>MAZ</li></ul></td>
					    <td><img src="images/katalog/ukladchiki.png" alt="Укладчики" /><p>Укладчики </p><ul><li>MAN</li></ul></td>
					    <td><img src="images/katalog/katok.png" alt="Катки"/><p>Катки</p></td>
                        <td><img src="images/katalog/tiagach.png" alt="Тягач" /><p>Тягачи</p></td>
				      </tr>
</table>

Подскажите в каком направлении копать!

[SilentImp]

Задача описана мутно и у меня есть чувство что это можно сделать pure css

Если ты хочешь получить доступ к родителю кортинки (ячейки), то можешь сделать так:

jQuery(document).ready(function($) {    
        $('.catalog tr td ul').hide();

        $('.catalog tr td img').mouseover(function(event) {
                var img = $(event.currentTarget),
                td = img.closest('td');
                $('ul:first',td).slideDown();
                });

        $('.catalog tr td img').mouseleave(function() {
                var img = $(event.currentTarget),
                td = img.closest('td');
                $('ul:first',td).slideUp();
                });
        });

Вот тебе рабочий пример http://jsfiddle.net/ccEwX/1/

Тебе надо почитать про события в JS и JQ в частноти, а еще надо почитать про on в jQ.