下拉菜单有时打开错误的链接

Question

我有一个简单的下拉菜单：

<nav>
 <ul class="nav">
    <li class="topmenu"> <a href="#">Grp 1</a>  
    <ul id="firstul">


        <li class="submenu"><a href="https://www.example/grp1/exmpl1.php">Example 1</a></li>
        <li class="submenu"><a href="https://www.example/grp1/exmpl2.php">Example 2</a></li>        


    </ul>
    </li>

   <li class="topmenu"> <a href="#">Grp 2</a>   
   <ul id="secondul">


       <li class="submenu"><a href="https://www.example/grp2/exmpl1.php">Example 1</a></li>
       <li class="submenu"><a href="https://www.example/grp2/exmpl2.php">Example 2</a></li>

   </ul>
   </li>

</ul>

</nav>

现在它发生了，有时，如果我点击f.e.在firstul“示例1”（应该导致https://www.example/grp1/exmpl1.php）的第一个li上，它加载了secondul的“示例1”，我没有找到错误原因。它似乎完全随机。有时在第一次点击时，有时会在几次之后。有人可以给我一个暗示，为什么会发生这种情况？