Question

I’m fading in some text when the page loads with jQuery. The opactity transition for text in IE 8 and less doesn’t look very smooth and so therefore want to remove it.

Is there a way I can override the fadeIn() for only IE8 and less. Can I use an unbind.('fadeIn') with the following js file:

<!--[if lte IE 8]><script type="text/javascript" src="js/lte-ie8.js"></script><![endif]-->

Answer 1

Inside your IE specific JS file you can overwrite the fadeIn and fadeOut functions like this:

$.fn.fadeOut = function () {
    return this.hide();
};
$.fn.fadeIn = function () {
    return this.show();
};

This will result in .fadeIn() and .fadeOut() calls being handled by the .show() and .hide() functions. This will also keep chain-ability intact.

Here is a demo: http://jsfiddle.net/ttGk5/