That is expected behavior as the browser renders the markup before the script has a chance to execute. The simplest way to overcome this is to wrap the UI elements in a DIV element with style property display:none. When the script is loaded, you can change it to display:block. 

<div id="MyUI" style="display:none">

... UI stuff..

</div>

<script type="text/javascript">

$.getScript(' ... your script ... ', function(){ $('#MyUI").show()});

</script>

Nik

i have tray this

<script type="text/javascript">
$(document).ready(function(){
  $(function() { $("#accordion").accordion({ autoHeight: false, navigation: true }).delay(1000).show(600); });
});

after ui function, i set pause 1000ms and show animate 600ms, this is not showing div ul li code ...
but this is not secure also if very slow connection (downloading etc...) ...

can i set callback function after accordion ? i wan start show() only after accordion is loaded  and formated completly !?