jquery水平下拉菜單？

Question

我想創建一個下拉菜單。我試圖做這樣的事情：http://jsfiddle.net/GPpbz/11/

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

但我有一個問題。當鼠標離開父李時，子菜單容器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爲此，它會好得多。