Hola
todoalbo, que tal.
Según lo que mencionas, has tener un mismo id repetido mas de una vez, en este caso
id="texto". El id no se debe repetir en una pagina, debe ser único.
Prueba con clases, de la siguiente manera.
Código Javascript
:
Ver original<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>@GBreagan</title>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
$(document).on('ready', function() {
$('body').find('.caja').each(function(){
$(this).hover(function() {
$(this).find('a').children('.texto').stop().animate({ 'padding-bottom' : 200 }, 100);
},
function() {
$(this).find('a').children('.texto').stop().animate({ 'padding-bottom' : 10 }, 100);
});
});
});
</script>
<style>
.caja {background:#FAE078;width:200px}
.texto {background:#EEEEEE}
</style>
</head>
<body>
<div class="caja">
<a>
<img src="http://static.forosdelweb.com/customavatars/avatar452499_3.gif" height="50" width="50">
<div class="texto">Este un texto</div>
</a>
</div>
<div class="caja">
<a>
<img src="http://static.forosdelweb.com/customavatars/avatar452499_3.gif" height="50" width="50">
<div class="texto">Este un texto</div>
</a>
</div>
</body>
</html>
Aunque en realidad no se mueve el texto (solo se incremente el padding de la caja que lo contiene). El problema de los selectores esta solucionado.
Saludos y coméntanos.