jquery - Jquery水平下拉菜单？

Question

我想做一个下拉菜单。我尝试做这样的事情：http: //jsfiddle.net/GPpbz/11/

<div>
    <nav>Parent Menu</nav>
    <nav>Sub Menu</nav>
    <nav>Sub Menu</nav>
</div>

但我有一个问题。当鼠标离开父li时，子菜单容器slideUp。它应该在鼠标悬停在子菜单容器上时可见。也许我无法解释，但如果你看例子，你就会明白我的意思。

我怎么解决这个问题。或者你提供不同的东西吗？（子菜单是 100% 宽度的内联）

谢谢。

Answer 1

如果你把你的html改成这个会好得多

<nav>
    <ul id="top_menu">
        <li><a href="#">deneme</a></li>
        <li><a href="#">deneme</a>
            <ul>
                <li><a href="#">deneme</a></li>
                <li><a href="#">deneme</a></li>
                <li><a href="#">deneme</a></li>
                <li><a href="#">deneme</a></li>
           </ul>
        </li>
        <li><a href="#">deneme</a></li>
        <li><a href="#">deneme</a></li>
    </ul>
</nav>

并为此编写适当的 jquery。