jQuery Accordion: set to load closed but still visible during loading

Question

Hi,

Firstly - thanks a lot. I have used your suggestions from #703783: Hide jQuery Accordion while loading for keeping the accordion menu closed while loading and it has solved the problem, but not fully. The accordion menu used to load as a gray box over the other contents. After implementing your solution the box is gone, but the menu still appears for a split second as a semi transparent overlay while loading.

This is the script im working with:

<script src="jquery-1.4.2.min.js" type="text/javascript" language="javascript"></script>
<link href="jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="jquery-ui.min.js" type="text/javascript" language="javascript"></script>

<script type="text/javascript" language="javascript">
  <!--
  $(function() {
    $("#accordion").accordion({
        autoHeight: false,
        active: false,
        alwaysOpen: false,
        collapsible: true,
        active: 'none' //for disabling the tab on load
    });
});
//-->
  </script>


<div id="accordion">

<h3><a href="#" class="servicesMenu">Tab 1</a></h3>

<div> Tab 1 content </div>


<h3><a href="#" class="servicesMenu">Tab 2</a></h3>

<div> Tab 2 content </div>

Thank you so much for any suggestions! And let me know if you need any further info.