Показать сообщение отдельно
  #1 (permalink)  
Старый 17.07.2012, 17:37
Аспирант
Отправить личное сообщение для Hol1killer Посмотреть профиль Найти все сообщения от Hol1killer
 
Регистрация: 17.07.2012
Сообщений: 34

Разворачивание списка при наведение на картинку
Добрый день друзья, начал изучать Jquery, нужно решить задачу по сабжу!

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

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


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>


вот 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();
                });
        });


Жду подсказки, и в какую сторону копать ? как-то не нашел решения

Последний раз редактировалось Hol1killer, 17.07.2012 в 18:09.
Ответить с цитированием