YUI 3 Accordion Examples

Controls

Allow multiple open sections

Notes

• Back to project list
• Click here to see documentation.
• Click here to see basic examples.
• Click here to see variable 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.

Vertical

• #1

  testing

• #2

  testing testing

• #3

  testing

  testing

  testing

  testing

  testing

  testing

  testing

  testing

  testing

  testing

Horizontal

• #1

  testing

• #2

  testing testing

• #3

  testing

  testing

  testing

  testing

  testing