Problems with jQuery fadeIn () and fadeOut () in Chrome

Question

I have a plugin I'm working on and I hit a wall in Chrome. The script works fine in FF, but Chrome doesn't display the fadeIn and fadeOut effects correctly. It seems that Chrome is simply not showing and hiding by default. Any suggestions?

You can see it in action here: http://heartpublications.com

Here is the code:

    $(document).ready(function() {

  function contentRotate(feature) {
 if (doAnimate) {  
   $("#slide1").fadeOut("fast", function (feature) {
     return function () {
    $("#banner div").hide();


    /* FADE IN NEXT ITEM OR GO BACK TO FIRST */
    feature.fadeIn("fast", function () {
      if ($(this).attr("id") == "slide3") {
     setTimeout(function () {
       contentRotate($("#banner div:first"));
     }, 4000);
      }
      else {
        setTimeout(function () {
       contentRotate($(feature.next()));
     }, 4000);
      }
    });
     };
   }(feature));
 }
  }



  var doAnimate = true;

  contentRotate($("#banner div:first"));




});

Any help would be greatly appreciated. Thank.

Answer 1

I had the same problem with jQuery 1.3.2, but it disappeared when upgrading to the latest version (1.4.2).