Hey there, I have some jquery running on a menu ( here) but before jquery loads, the content (all of the <li>'s) appear, then disappear once jquery loads. Is there  a way to stop the brief displaying of the <li>'s?

The current jquery code is:

2. function initMenus() {
3. $('ul.menu ul').hide();
4. $.each($('ul.menu'), function(){
5. $('#' + this.id + '.expandfirst ul:first').show();
6. });
7. $('ul.menu li a').click(
8. function() {
9. var checkElement = $(this).next();
10. var parent = this.parentNode.parentNode.id;
11. 
    
12. if($('#' + parent).hasClass('collapsible')) {
13. $(this).next().slideToggle('normal');
14. return false;
15. }
16. if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
17. if($('#' + parent).hasClass('collapsible')) {
18. $('#' + parent + ' ul:visible').slideUp('normal');
19. }
20. return false;
21. }
22. if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
23. $('#' + parent + ' ul:visible').slideUp('normal');
24. checkElement.slideDown('normal');
25. return false;
26. }
27. }
28. );
29. }
30. $(document).ready(function() {initMenus();
31. });