Kenneth B Kenneth B - 1 month ago 6
jQuery Question

jQuery: Fade out from current opacity

I'm fading an object from 0% to 100% on

mouseOver
, and fade back out to 0% on
mouseOut
.

When I do a quick
mouseIn
and
mouseOut
, the effect "jumps" because
mouseOut
is fading out from 100% - and because I do a quick
mouseIn
and
mouseOut
, the fade in doesn't fade all the way to 100%. Maybe it only fades to 25% or 10%.

My question is:
How can I make the fadeout only fading from the specific percentage?

If the
fadeIn
only gets to 20, the
fadeOut
should
fadeOut
from 20.

Answer

You could try doing:

$('#element').animate({opacity:0});

...instead of fadeOut().