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

Question

Have a plugin that I'm working on and I've hit a wall in Chrome. The script works perfectly in FF, but Chrome is not correctly displaying the fadeIn and fadeOut effects. It looks like Chrome is just defaulting to show and hide. 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 appreciated. Thanks.

Answer 1

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