在哪里可以找到受宽度限制的.css左侧菜单的开源代码

Question

我正在寻找开源的东西，类似于dynamicdrive.com，它们提供什么，因为我不太聪明。我有一个垂直的左菜单。我想要有子菜单，例如：

<ul>
  <li>Home</li>
  <li>About us</li>
  <li>Products
     <li>Machine Vision Integration</li>
     <li>High Resolution Sensors</li>
     <li>Bead Detection</li>
  </li>
  <li>Contact Us</li>
</ul>

基本上，当他们将鼠标悬停在“产品”上时，会将子菜单暴露给3个特定产品。这很简单。这不是（对我而言）：

我被限制为200像素的列宽。我在动态驱动器中看到的很多菜单，例如，当你将鼠标悬停在产品上时，它会向右扩展WAY，额外增加200像素，当你尝试点击子菜单时，它会消失，因为你已经超过了你的宽度。

但是，如果我能找到一些东西，当你将鼠标悬停在具有子菜单的东西上时，它不会向右扩展到太远，所以我不会占用200像素，我认为这样做效果最好。

非常感谢任何链接，建议或指导，以指引我朝着正确的方向前进！

Answer 1

所以...如果你不能通过这个限制，为什么不能手风琴菜单？

  

http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm