Vertical Expansion Menu.

[da_amazerxl]

Hi,

I am looking for a script, possibly supported with mootools, but not necessary, which would allow me to create a vertical menu. However, I want it of the type at http://www.aaronbirchphotography.com/ or http://www.apple.com/startpage/ (Latest in iTunes menu).

That is I am looking for something which is vertical and expands on a mouseOver. Any help would be greatly appreciated. I suppose if I can't find it, I'll have to write my own, but it would save me a lot of time if I don't have to.

Thanks for your time.

[Raffles]

Apple uses Prototype and Scriptaculous for that sliding menu. Perhaps you could look at the code and adapt it for mootools? Looks pretty simple:

var itunesSlider = null;
Event.observe(window, 'load', function() {
    var container = $('itunesslider');
    itunesSlider = new AC.SlidingBureau(container);
    var drawers = $$("#itunesslider .drawers>li");
    for (var i = 0; i < drawers.length; i++) {
        var handle = drawers[i].getElementsByClassName('drawer-handle')[0];
        var content = drawers[i].getElementsByClassName('drawer-content')[0];
        var drawer = new AC.SlidingDrawer(content, handle, itunesSlider, {
            triggerEvent: 'mouseover', triggerDelay: 120});
        itunesSlider.addDrawer(drawer);
    }
    setTimeout(freeDrawers(container), 1000);
});

[da_amazerxl]

Hmm, I'll give that a shot! Thanks. I'll come back if I don't do well, but surely, sounds like a good point to start.

Cheers!