Показывать только одно наложение на зависание

Question

У меня возникли проблемы с кодом jQuery, вместо того, чтобы накладываться наложение, все они появляются при наведении курсора на один. Я сделал JS Bin: http://jsbin.com/fukuw/8/ Если вы наведите указатель мыши на изображения, все накладки появятся, но то, что предназначено, предназначено для того, на котором вы нависаете. Также как я могу заставить этот код работать для сенсорных пользователей?

Answer 1

проблема вы не говорите правильный элемент для анимации - вы должны использовать this и найти накладку, которая принадлежит к элементу вы зависший над ...

SaveElement.on("mouseover", function() { 
    $(this).find(".overlay").animate({ opacity: 1, top: "3px" }, 150); 
    }); 

    SaveElement.on("mouseleave", function() { 
    $(this).find(".overlay").animate({ opacity: 0, top: "-23px" }, 150); 
    }); 
}); 

http://jsbin.com/wuribezonoji/1