multiXPandMenu

This class can create multi-level hierarchical menus based on a list of menu items and submenu items using DHTML.

The items organized in the generated menu can be expanded and collapsed dynamically using Javascript, that is when the user clicks on a menu item, all corresponding submenu items are shown, or hidden if already visible.

A good example of what it looks like is the list of documents and directories in the left frame of the Microsoft Windows Explorer.

The class provides means to create a root menu item and then add sub-nodes to it. To create more levels, it can add sub-nodes inside other sub-nodes. The menu may be arbitrarily deep.

The HTML code generated is only based on <UL> tags and is compatible with all browsers.

The generated menu is fully customizable using CSS. You may write your own CSS style definitions to configure the look and feel of parents and children menu items'.

The class also lets you define an image to use as the expand and collapse box. This is optional but can be handy to make the menu easier to understand.