Hola, resulta que tengo el siguiente código para un movimiento de un DIV.
La estructura del DIV es
<div>
<a>
<img>
<div id="texto"></div>
</a>
</div>
Donde el primer div tiene position relative y los otros elementos absolute con la imagen de fondo y el div id texto sobre él.
El tema es que tengo un jQuery para mover el ID texto cuando pongo el mouse sobre la caja principal, pero lo que me pasa es que tengo el selector puesto para varios DIV's y resulta que cuando pongo el mouse en UN div, se me mueven los de todos los demás...algo está mal, pero ni idea que será!!
Alguna ayuda??
El código es:
Código:
$('#misa-diaria, #caja-videos').each(function() {
$(this).hover(
function() {
$('a').children('#texto').stop().animate({ 'padding-bottom' : 200 }, 100);
},
function() {
$('a').children('#texto').stop().animate({ 'padding-bottom' : 10 }, 100);
})
});
Si ves, cuando pongo el mouse sobre #misa-diaria se me cambia el padding del texto de misa diaria y de caja-videos, y es justamente lo que no quiero!!. Y si le agrego un (this) antes de ('a') no funciona.
Gracias