A Compact Left-Nav Menu


 

 

 

 

 

 

 

 

Home

The navigation bar to the left of the page is a simple css and javascript based tree menu system. It has the following features:

  1. Folder () items can be opened and closed on mouselick
  2. Doc () items can be hyperlinked
  3. When a Folder item is opened:
    • all other top level folders are closed
    • all sibling level folders are closed
  4. When a Doc item is clicked and when the corresponding page is loaded, the tree menu can be configured to display the corresponding folders in open positions. To demo this click:
    "Menu Item 2/Menu Item 21/Menu Item 212"

This is a freeware. You are welcome to use it if you find it useful. Download all files. If you have any comments/suggestions please submit them at my blog post about this menu.


Acknowledgements
  1. The css layout used here is using the Blueprints CSS Framework.
  2. The tree menu presented here is based on the simple list menu at Listamatic.

Nalla Senthilnathan, Sept 14, 2008