jquery - 悬停时滑动菜单的问题

Question

这是我的问题的链接。请帮助我修复滑动菜单保持稳定，直到可以选择菜单中的子菜单链接。

我试过下面的代码

html

<div id="menu">
<ul id="tabs">
<li id="tabsli"><a href="#">Home</a></li>
<li id="tabsli"><a href="#tab1">Tab1</a></li>

<div id="tab1" class="subtabs">
    <ul>
    <li id="tabsli1"><a href="slideshow.html">slideshow</a></li>
    <li id="tabsli1"><a href="#">Tab1-2</a></li>
    <li id="tabsli1"><a href="#">Tab1-3</a></li>
    </ul>
</div>

<li id="tabsli"><a href="#tab2">Tab2</a></li>

<div id="tab2" class="subtabs">
    <ul>
    <li id="tabsli1"><a href="RegForm.html">Register</a></li>
    <li id="tabsli1"><a href="Pagination.html">Simple Pagination</a></li>
    <li id="tabsli1"><a href="#">Tab2-3</a></li>
    </ul>
</div>
<li id="tabsli"><a href="#"> Contact Us</a></li>
</ul>


</div>

jQuery

$(document).ready(function(){
  menu();
    function menu(){
        $('.subtabs').hide();
    $("#tabs a").hover(function(){
      $(this.hash).slideToggle("slow");
    });
 };
});

提琴手

Answer 1

您不能在<div>标签中间添加<ul>标签。那是糟糕的html语法。您要做的是将作为子菜单的<div>哪个添加到<li>用于打开子菜单的哪个中。应该在<li>标签上使用悬停方法来隐藏和显示<div>.