title: Jquery Accordion not displaying properly in Chrome
body: <p>I am using this jQuery script <a href="http://www.marghoobsuleman.com/jQuery-common-accordion" rel="nofollow">http://www.marghoobsuleman.com/jQuery-common-accordion</a> and have implemented it into my site.</p>
  
  <p>It works fine in Firefox and IE but Chrome doesn't display it correctly. The the entire content div to flickers during the transition and afterwards the content div comes underneath the title divs. </p>
  
  <p>I have narrowed it down to this piece of jQuery code not working correctly:</p>
  
  <pre><code>function openMe(id) {
          var sTitleID = id;
          var iCurrent = sTitleID.split("_")[sTitleID.split("_").length-1];
          options.currentcounter = iCurrent;
          var sContentID = id+"_msContent_"+iCurrent;
          if($("#"+sContentID).css("display")=="none") {
              if(options.previousDiv!="") {
                  closeMe(options.previousDiv);
              };
              if(options.vertical) {
                  $("#"+sContentID).slideDown("medium");
              } else {
                  $("#"+sContentID).show(400);
                  //$("#"+sContentID).css({ display: "inline" });
              }
              options.currentDiv = sContentID;
              options.previousDiv = options.currentDiv;
          };
      };
      function closeMe(div) {
          if(options.vertical) {
              $("#"+div).slideUp("medium");
          } else {
              $("#"+div).hide(400);
              //$("#"+div).css({ display: "none" });
          };
      };
  </code></pre>
  
  <p>When I replace $("#"+sContentID).show(400); with the in comment tags code $("#"+sContentID).show(400);  then the animation disaapears but it does display it correctly in all 3 browsers.</p>
  
  <p>Anybody have any suggestions as to why Chrome doesn't display it correctly and how I can fix it?</p>