jQuery mega dropbox菜单

Question

我目前正在处理大型保管箱菜单。我的想法是使用LI作为菜单，然后在某处定义DIV以获取megamenu的内容：

<ul>
    <li class="menu" id="test_menu">Test</li>
</ul>

<div id="test_supermenu">
  <!-- Content here -->
</div>

这个jQuery代码：

jQuery(document).ready(function() {
  jQuery("li.menu").hover(function() {
    jQuery("#test_supermenu").position({
      my: "center",
      at: "bottom",
      of: "#test_menu"
    });
    jQuery("#test_supermenu).show();
  }, function() {
    jQuery("#test_supermenu).hide();
  });
});

问题在于，当你离开LI并尝试在DIV超级菜单中选择某些内容时，超级菜单会被隐藏。这是可以预料的，但我怎么能避免呢？

第二个想法是在一个大DIV中设计菜单和超级菜单：

<div id="menu">
   <a href="">Test</a>
   <div id="supermenu">
     <! -- Content here -->
   </div>
</div>

但问题仍然存在。

请您给我一个如何解决这个问题的建议。非常感谢你。