Question

I’m looking for something open-source, similar to dynamicdrive.com, what they offer, since I’m not too intelligent. I have a vertical left menu. I’d like to have submenus, such as:

<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>

Basically, so when they hover over Products, then that exposes the submenu with the 3 particular products. That’s pretty simple. Here’s what’s not (to me):

I’m restricted to a column width of 200 pixels. So many of the menus I saw in Dynamic Drive, when you hover over, for instance, products, it expands WAY to the right, an extra 200 pixels, and when you try to click the submenu, it disappears, because you’ve exceeded your width.

But if I could find something that, when you hover over something that has a submenu, it doesn’t expand TOO far to the right, so I won’t take up the 200 pixels, I think that would work best.

Any links, suggestions, or guidance to point me in the right direction here would be greatly appreciated!

Answer 1

So… if you can’t pass that limit, why not a accordion menu?

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