I Have 3 divs, in this same order: [A] [B] [C], with [A] and [C] animated with jquery: on mouse over div[A] or div[C], the opacity of div[C] is changed.
When mouse goes from [A] to [C] (and back) I need to maintain the opacity, and avoid the fadein/fadeout effect of the mouseout between the 2 divs.
I tried delay(), but I need something more... just don´t know what...
For div[A] I have this code:
$('div[A]').hover(
function() { //Animate
$('div[C] li img').stop().animate({ opacity: 0.8 }, 200)
},
function() { //Don't
$('div[C] li img').stop().delay(2000).animate({ opacity: 0.1 }, 200);
}
);
and for div[C]:
$('div[C]').hover(
function() { //Animate
$('div[C] li img').stop().animate({ opacity: 0.8 }, 200)
},
function() { //Don't
$('div[C] li img').stop().delay(2000).animate({ opacity: 0.1 }, 200);
}
);
thanks :)