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。