Slashdot like menu with nested submenus

Collapse All

Expand All

Configuration Options

Instant Menus - false Refresh Menus - true Width - 20%

10% 20% 30%

Collapse Options - None

Last menu Last menu & children Last Top-level menu Last Top-level menu & children None

Speed - 4

Submenu Indent - 10

Item Indent - 10

Default States

Restore Defaults Now

Default States

Within the javascript, you can define an array of default states. 0 = closed, 1 = open, 2 = always open. The default states are only actioned when no cookie is found; the default state array is not empty; and the number of elements is equal to the number of menus.

Feedback

Questions can be asked on the Dynamic Drive Forum

Features

onMouseover menu expansion
dynamic colour gradient for nested menus
configurable submenu and item indent depth
any width menu
endless? menu nesting
menu item text wrapping
menu resizing on font/window size.
definable default state
menus/submenus can be forced always open
menu state assumes default state if submenu count doesn't match cookie data.
collapse last menu, or last top level menu option
instant expand/collapse option
menu titles can both expand and link. eg. Menu A is <a> around menu text & expanding menu on <span>

Credits

Original sdmenu by DimX Get IE7 from http://dean.edwards.name/IE7/ to make IE 5/6 behave like Firefox

Menu A

Additional text or graphic - not a menu - not a link

Menu A - Item 1 Menu A - Item 2

Menu B - Nested Menu C

Menu C.1

Menu C.1 - Item 1 with a long name Menu C.1 - Item 1 with an even longer name Menu C.1 - Item 1 with a much lloonnggeerr nnaammee

Menu C - Item 1 Menu C - Item 2

Menu D

Menu D - Item 1 Menu D - Item 2 Menu D - Item 3 Menu D.1

Menu D.1 - Submenus don't have Menu D.1 - to appear at the top Menu D.1 - of the parent menu.

Menu E

Menu E - Item 1 Menu E - Item 2

Simple Example

Simple Example 36

Collapse All

Expand All

Configuration Options

Instant Menus - false Refresh Menus - true Expand onmouseover - false Submenu Colour

Top Colour Bottom Colour

Width - 20%

10% 20% 30%

Collapse Options - None

Last menu Last menu & children Last Top-level menu Last Top-level menu & children None

Speed - -1 (Auto)

Submenu Indent - 10

Item Indent - 10

Default States

Restore Defaults Now

Default States

Feedback

Questions can be asked on the Dynamic Drive Forum

Features

onMouseover menu expansion
dynamic colour gradient for nested menus
configurable submenu and item indent depth
any width menu
endless? menu nesting
menu item text wrapping
menu resizing on font/window size.
definable default state
menus/submenus can be forced always open
menu state assumes default state if submenu count doesn't match cookie data.
collapse last menu, or last top level menu option
instant expand/collapse option
menu titles can both expand and link. eg. Menu A is <a> around menu text & expanding menu on <span>

Credits

Original sdmenu by DimX Get IE7 from http://dean.edwards.name/IE7/ to make IE 5/6 behave like Firefox

Menu A

Additional text or graphic - not a menu - not a link

Menu A - Item 1 Menu A - Item 2

Menu B - Nested Menu C

Menu C.1

Menu C.1 - Item 1 with a long name Menu C.1 - Item 1 with an even longer name Menu C.1 - Item 1 with a much lloonnggeerr nnaammee

Menu C - Item 1 Menu C - Item 2

Menu D

Menu D - Item 1 Menu D - Item 2 Menu D - Item 3 Menu D.1

Menu D.1 - Submenus don't have Menu D.1 - to appear at the top Menu D.1 - of the parent menu.

Menu E

Menu E - Item 1 Menu E - Item 2

Simple Example

Simple Example 36

Fixed Open Menu

Collapse All

Expand All

Configuration Options

Instant Menus - false Refresh Menus - true Width - 20%

10% 20% 30%

Collapse Options - None

Last menu Last menu & children Last Top-level menu Last Top-level menu & children None

Speed - 4

Submenu Indent - 10

Item Indent - 10

Default States

Restore Defaults Now

Default States

Feedback

Questions can be asked on the Dynamic Drive Forum

Features

onMouseover menu expansion
dynamic colour gradient for nested menus
configurable submenu and item indent depth
any width menu
endless? menu nesting
menu item text wrapping
menu resizing on font/window size.
definable default state
menus/submenus can be forced always open
menu state assumes default state if submenu count doesn't match cookie data.
collapse last menu, or last top level menu option
instant expand/collapse option
menu titles can both expand and link. eg. Menu A is <a> around menu text & expanding menu on <span>

Credits

Original sdmenu by DimX Get IE7 from http://dean.edwards.name/IE7/ to make IE 5/6 behave like Firefox

Menu A

Additional text or graphic - not a menu - not a link

Menu A - Item 1 Menu A - Item 2

Menu B - Nested Menu C

Menu C.1

Menu C.1 - Item 1 with a long name Menu C.1 - Item 1 with an even longer name Menu C.1 - Item 1 with a much lloonnggeerr nnaammee

Menu C - Item 1 Menu C - Item 2

Menu D

Menu D - Item 1 Menu D - Item 2 Menu D - Item 3 Menu D.1

Menu D.1 - Submenus don't have Menu D.1 - to appear at the top Menu D.1 - of the parent menu.

Menu E

Menu E - Item 1 Menu E - Item 2

Simple Example

Simple Example 36

Slashdot-like menu with submenus!