Class: 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.

Windows-style document icon

Complex usage example

Example file to learn how to create a menu dynamically from a multiple array of links

Learn how to save the generated code to reuse it later

Learn how to save the state of your menu in order to re-display it as is on another page

Simple usage example

A simple file loader / writer used by the xPandMenu class to save the generated code

Windows-style closed directory icon

Windows-style open directory icon

READ ME FIRST

CSS file to stylize the menu

External javascript file for dynamic actions

PHP class file