JQuery fade effect doesn't work in IE

Question

I have a JQuery slider which works fine in all browsers except IE(always a headache).

Its having a fade transition between 3 layers but that effect wouldn't work on IE. In IE layers just changing without that effect I have shown my JQuery scripts below.

Here is the JSFiddle so that you will get a clear idea.. http://jsfiddle.net/akhilpaul/CsQCK/

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    });
</script>

Suggest your opinions about this IE bug..

Paul.

Answer 1

This is just a shot in the dark, but you are using relatively old versions of jQuery and jQuery UI.

I would suggest to change these to the most recent versions and see if that solves the problem.