失去鼠標下拉列表信息

我已經建立了一個簡單的下拉列表，我填充各種鏈接。它包含大約50個項目，所以我將它包裝在一個div中以使其可滾動。問題是，當我彈出鼠標時，除非顯示前兩個列表元素，否則我會丟失整個列表。我已經將此下拉菜單構建爲一個子菜單，前兩個鏈接作爲各種「容器」。失去鼠標下拉列表信息

我有點理解爲什麼我失去了整個列表，但無法弄清楚如何使頂部鏈接在鼠標懸停時重新生成。

$('.myMenu > li').bind('mouseover', openSubMenu); 
function openSubMenu() { 
     $('.myMenu').css('overflow','auto'); 
     $('.myMenu').css('height','400px'); 
     $('.ulMenu').css('visibility', 'visible'); 
}; 
$('.myMenu > li').bind('mouseout', closeSubMenu); 
function closeSubMenu() { 
     $('.myMenu').css('overflow','hidden'); 
     $('.myMenu').css('height','20px'); 
     $('.ulMenu').css('visibility', 'hidden'); 
    } 
} 
</script> 




<div id="menu"> 
    <ul class="myMenu"> 
    <li id="li_left"><a href="#"> Application </a></li> 
     <li id="li"> <a href="#"> Hover For Listing</a> 
      <ul id="tasksUl" class="ulMenu"> 
      </ul> 
     </li> 
    </ul> 
</div>

來源

2012-03-12 mrwienerdog

你可以敲我們一個例子jsfiddle？代碼看起來有點奇怪從一個快速sacn。 – 2012-03-12 19:37:35

我正在嘗試，因爲我們說......我應該提到，這是從一個SharePoint站點的內容編輯器webpart ... – mrwienerdog 2012-03-12 19:44:01