expandable menus?

SooTyLaD · 23 Jan 2008 at 09:22

hi guys...

i would search for this but i have no idea what it would be called...

i want to create a menu (a standard vertical menu) where if you click on one of the links the menu kindof splits and the sub menu emerges between the two...

so basically by default it is like this:

menu item 1
menu item 2
menu item 3
menu item 4

and if you clicked menu item 2, there would be a smooth transition to this:

menu item 1
menu item 2
- sub 1
- sub 2
- sub 3
menu item 3
menu item 4

you know what i mean? any advice or links to resources about this would be most appreciated

GravyMonster · 23 Jan 2008 at 09:41

For a smooth transition between the two I'd suggest using javascript and some scriptaculous effects.

Further reading:
http://script.aculo.us/
http://www.dynamicdrive.com

SooTyLaD · 23 Jan 2008 at 10:23

Spunkey said:
For a smooth transition between the two I'd suggest using javascript and some scriptaculous effects.

Further reading:
http://script.aculo.us/
http://www.dynamicdrive.com

i had a look at that scriptaculous site, and it says on there that one of the sites that use it is gucci...

http://www.gucci.com/uk/index2.html

i LOVE the way that navigation works! - how would i begin to create that effect using the script library? (i'm rubbish as js...)

SooTyLaD · 25 Jan 2008 at 10:08

any advice? theres so many js scripts on that site i dont know which is doing what?

Sic · 25 Jan 2008 at 10:58

my advice is to do a few javascript tutorials, download the latest version of jquery, read the documentation and do it that way - you can't expect to be able to pull things like that apart and do them straight away with very little knowledge.

also, try using that menu without javascript enabled. the page doesn't even load. it's all very well and good having nice interface elements like that but some people can't use them - do they get to see your site?

seriously, do tutorials or read the rhino book