YUI 3 Accordion Examples

Controls

Allow multiple open sections
Allow all sections to be closed
Animate insert/remove
Animate open/close

Notes

• Back to project list
• Click here to see documentation.
• Click here to see basic examples.
• Click here to see fixed height/width examples.
• For the horizontal accordion:
  • The accordion container requires height
  • The titles require width and height
  • The sections require width
• FocusManager Node Plugin:
  Use the up/down arrow keys for vertical.
  Use the left/right arrow keys for horizontal.