jQuery анимирует текущие элементы списка

Question

вот код: http://jsfiddle.net/hQnXm/7/

Так что в основном мне нужно при наведении курсора, он должен анимировать только те изображения элементов li.В настоящее время он анимирует все изображения li во всем мире.

Answer 1

Как работает код в настоящее время, каждый набор тегов <li> должен быть в своем собственном <ul class="box">, чтобы код работал так: http://jsfiddle.net/YT2LG/

Или вы можете изменить эту строкукода:

var top = self.closest(".box");

по этому:

var top = self.closest(".item");

, чтобы получить код для работы с HTML, который у вас есть, как показано здесь: http://jsfiddle.net/jfriend00/DjtKS/

Answer 2

Как насчет выбора:

var top = self.closest(".item");

Вместо .box.

Выбрав li.item, вы также можете заменить свои звонки на find на детей .