johannes13 que en CSS puedas hacer funcionar tus estilos usando mismos ids para etiquetas HTML no quiere decir que en Jquery funcionen.
Tal como dijeron arriba, por convencion, debes unificar el id de cada etiqueta, y si eso representa que tengas que cambiar tu CSS ... deberias hacerlo igual, no es una buena practica no tocar el codigo solo "porque funciona" , en la mayoria de los casos (y en el tuyo en especial) es logico que el codigo se pueda mejorar, y con ello mejorar el conocimiento y experiencia sobre lo que estas viendo, y para la proxima hacerlo mejor.
Si cambias tus id=foto por class=foto y tu id=bg_foto por class=bg_foto, y pones este codigo, quizas te funcione (digo funcione porque no lo he probado)
Código HTML:
Ver original$(document).ready(function(){
$(".bg_foto").each(function(){
$(this).bind("mouseenter",function(){
$(this).find(".foto").fadeIn(500);
});
});
});
El CSS seguro se te va a desmontar, pero ya dependera de vos querer cambiarlo o no, o buscar la manera de que jquery funcione de la manera que vos quieras.
Saludos.