tags:

views:

32

answers:

0

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 :)