jquery下拉列表保持打开状态，直到页面加载完成

我有这样的标记：

<ul class="dropdown">
<li><a href="/home">Home</a></li>
<li><a href="/about">About Us</a></li>
<li><a href="#">Courses</a>
<ul>
    <li><a href='whatever'>A Level</a></li>
    <li><a href='whatever'>Arts</a></li>
    <li><a href='whatever'>Commerce</a></li>
    <li><a href='whatever'>I.B.</a></li>
    <li><a href='whatever'>Science</a></li>
    </ul>

</li>
<li><a href="/college/collegeFinder">Find A College</a></li>
<li><a href="/college">College Reviews</a></li>
<li><a href="/contact">Contact Us</a></li>

</ul>
</nav>

编辑：（忽略bxslider部分）

我不太擅长jquery，只是从一些教程中挑选了这个脚本。基本上，当页面加载时，下拉列表是打开的，直到页面的其余部分加载为止。这只是一两秒钟，但它真的很烦人。 可以在这里看到：passout.co.in

---

有什么想法吗？

为ul添加CSS规则。下拉列表显示：无或不透明度：0，哪个更适合。这样，在页面加载时，它将保持隐藏状态，直到激活jQuery

---

干杯

您可以使用CSS将其默认隐藏：

ul.下拉列表li
{
显示：无；
}

它被称为（未设置样式的内容的Flash），可以通过隐藏要显示的内容或使用jquery应用样式或事件冒泡来避免。因此，编写一些css类，它可以隐藏页面加载时的下拉列表

工作正常吗？？问题是什么灵魂，我想那是因为没有太多东西可以表达。无论如何，它的固定nowI还必须添加$（'.dropdownli'）.css（{opacity:1}）；除了将CSS中的不透明度更改为0之外，还可以添加到jQuery。但是是的，这起作用了。

$(document).ready(function(){
mainmenu();
$('#slider1').bxSlider({
    autoHover: true,
    auto: true,
    pause: 7000,
    prevImage: 'images/upleft.png',
    nextImage: 'images/upright.png'
});

function mainmenu(){
    $(" .dropdown ul ").css({display: "none"}); // Opera Fix
    $(" .dropdown li").hover(function(){
    $(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(200);
        },function(){
        $(this).find('ul:first').slideUp(200);
    });
}
});