Apple's slider menu "drawers"

[darwen]

I am trying to figure out how Apple makes their menus slide over each other on most of their pages. For example, in the support tab, you see "Latest in Support: Popular Discussions, Popular How-To's, Top Searches" As you hover over each section the menu slides out of the way to show you the sub menu.

How is this done? I think it is CSS but I cant figure out what is causing it to work. If anyone can lead me to a tutorial or even tell me what the command is called, I would really appreciate it.

 

[Aranince]

You'll have to use Javascript or AJAX as well as CSS. I couldn't tell you how to accomplish this exactly...

 

[tominated]

there's plenty of mootools plugins for this effect on the mootools.net forums.

 

[darwen]

there's plenty of mootools plugins for this effect on the mootools.net forums.

Thanks! I am trying to figure it out. I have never heard of this site before. I think I have the code necessary now, I just cant figure out how it works. My Java Script wont fire (I did add that line they said was necessary for the demos).

 

[tominated]

post your code (script and html) and i'll see if i can figure it out. I haven't used mootools in a while (i was converted to Jquery)

 

[wheezy]

It's done using UL tags and some javascript, I 'reversed engineered' it so I could use it on a site cause I think it's pretty darn cool. What I ended up with is still kinda buggy, what I'm going to try to do is make a tutorial with download files. Maybe that can be my Saturday project...

 

[dannymichel]

Can you please share the code for what u have done?
please