tengo un problema quiero darle un efecto de fadeIn a unos div que se repiten con el mismo id pero solo me funciona para el primero pero no para los demas, la idea seria ponerle diferentes id, pero el id del div guardara imagenes que se cargaran por eso se van a duplicar varias veces cuando cargue de la BD y por eso queria el mismo efecto para todas.
<script>
$(document).ready(function(){
$("#bg_foto").mouseenter(function(e){
$("#foto").fadeIn(500);
});
});
</script>
<body>
<div id="bg_foto">
<div id="foto"><img src.....></div>
</div>
<div id="bg_foto">
<div id="foto"><img src.....></div>
</div>
<div id="bg_foto">
<div id="foto"><img src.....></div>
</div>
</body>
ah! me olvide decir que hay varios div osea no me funciona tampoco $("div") y luego usar el $(this) para escojer el que esta teniendo el evento.
Gracias por las respuestas :)