Jquery 为什么加载页面时第三个li元素始终处于焦点位置？

我正在创建一个简单的网站，有菜单和子菜单。加载页面时，它会显示Re-Board及其子菜单，就像它不知从何处悬停一样。我希望主页

li

是加载页面时的默认菜单。有什么问题吗？我已经检查了css和js文件并做了一些测试，但问题仍然存在。请帮忙。非常感谢

HTML结构如下所示

<ul id="topnav">
    <li style=""><a href="">Home</a></li>
    <li>
        <a href="">Company</a>
        <span>
            <a href="">The Company</a> |
            <a href="">The Team</a> |
            <a href="">Careers</a>
        </span>
    </li>
    <li>
        <a href="">Re-Board</a>
        <span>
            <a href="">What We Do</a> |
            <a href="">Our Process</a> |
            <a href="">Testimonials</a>
            </span>
            </li>
    <li><a href="">Design Database</a></li>
    <li><a href="">New</a></li>
    <li><a href="">Catalog</a></li>
    <li class="none-b"><a href="">Contact us</a></li>
</ul>

|
|


|
|

我的完整代码：）

---

如果不想立即显示第二个子菜单，首先需要隐藏它：

<span style="display:none;"></span>

而不是：

<span></span>

在帮助您之前，我们需要查看相关的CSS。请同时发布您的CSS代码。您提到您检查了CSS和JS代码，但没有包括这两个代码：/我建议制作一把小提琴，这样人们就能帮助你了。（）为什么（如果我可以问的话）当整个事情都可以用CSS来完成时，你还要用Javascript来完成呢。但是，如何在加载页面时将主菜单设置为默认悬停。如果您不希望默认显示任何子菜单，还可以隐藏第一个

。你是这么想的吗？是的。我已经隐藏了所有的跨度。不过，在加载页面时，我如何将主菜单设置为默认的悬停状态。我恐怕不明白您想做什么。在您的示例中，主菜单没有子菜单。