gracias por el link.. me sirvio para resolver el problema..
pero ahora tengo otro.. no puedo alcanzar ciertos divs..
la estructura seria
Código:
destacado
imgDestacada
operacion /operacion
/imgDestacada
info
alguna informacion
/info
descripcion (oculta)
alguna descripcion
/descripcion
/destacado
Necesito ocultar "info" y mostrar "descripcion" al pasar sobre destacado, y a la vez, cambiar la imagen de fondo de imgDestacada.. Pero no consigo hacer mas que ocultar info.
Ademas al estar sobre imgDestacada u otro me toma como mouseOut de destacado..
la fc que intente es :
Código:
$(document).ready(function() {
$('.destacado').mouseover(function(){
$('.info', this).fadeOut('slow', function() {
$('.imgDestacada', this).css('background', 'url(../images/placa_img_hover.png) no-repeat');
$('.descripcion', this).fadeIn('slow');
$('.info', this).css({"display": "none"});
alert ("asdasd");
});
}).mouseout( function(){
$('.info', this).fadeOut('slow', function() {
$('.descripcion', this).fadeIn('slow');
$('.info', this).css({"display": "none"});
});
});
});
alguna idea?