YUI AccordionView widget

'Apple' style accordion

This is an example of the YUI AccordionView widget in action. This widget was created by Marco van Hylckama Vlieg. All code is licensed under the BSD license.

This accordion's panels activate when hovering over elements with the mouse. A timeout is used to prevent it from acting too nervous like I've seen in many other accordion implementations. I recommend to only use this with collapsible: false. Timeout duration is configurable through the hoverTimeout parameter.

menu5 = new YAHOO.widget.AccordionView('mymenu', {collapsible: false, expandable: false, width: '240px', hoverActivated: true, expandItem: 0, hoverTimeout: 600, animate: true, animationSpeed: '0.5'});