Content in the Javascript library assumes a sound understanding of ECMAScript, CSS, XHTML and DOM.

Instructions for Expandable/Collapsible Menu System [ECMS]

  1. Loading the javascript files
  2. Creating a menu
  3. Customising the menu
  4. Using multiple menus
    1. Include a single menu
    2. Include a second or third menu
    3. Numbering
  5. Controlling the menu
  6. Troubleshooting

Include a single menu

A single menu is included by placing a <script ...> tag on the page referencing the required ecms_config.js file. See loading the javascript files.

Include a second or third menu

To include extra menus, simply add additional script tags for their ecms_config.js files. Note that the files do not need to be named 'ecms_config'. You can include as many menus on the page as you like - you may even use the same menu twice.

Numbering

Each menu included on the page receives a unique number. Numbers start from 0 (zero) and increment by 1 for each additional menu. These numbers must be referenced when controlling menus.

Further Instructions

  1. Loading the javascript files
  2. Creating a menu
  3. Customising the menu
  4. Using multiple menus
  5. Controlling the menu
  6. Troubleshooting
[ inspire logo ]
Code in the javascript library is free to use (Unlicense). Enjoy! Feedback welcome.
© Ben Boyle 2003.
Fork me on GitHub