.fadeIn() and .FadeOut() VS .animate({opacity: '0'}) and .animate({opacity: '1'})?

enwise · December 15, 2011, 12:59pm

I’ve noticed some people use .fadeIn() and .FadeOut() and then I noticed some using .animate({opacity: ‘0’}) and .animate({opacity: ‘1’}) … is there a difference or a reason to pick one over the other?

Paul_Wilkins · December 15, 2011, 10:13pm

There really is no signficant different between them, other than how the code is presented.

The jQuery code for fadeIn and fadeOut is:


fadeIn: { opacity: "show" },
fadeOut: { opacity: "hide" },

enwise · December 15, 2011, 10:15pm

paul_wilkins:

There really is no signficant different between them, other than how the code is presented.

The jQuery code for fadeIn and fadeOut is:
fadeIn: { opacity: "show" },
fadeOut: { opacity: "hide" },

is there ever a time to use 1 over the other?

Paul_Wilkins · December 15, 2011, 10:17pm

Normally you would use fadeIn and fadeOut.
You would use the more explicit numeric version if you are using a variable to customize the level of opacity of an object.

enwise · December 15, 2011, 10:21pm

ok thank u !