Accordions

Please see WAI-ARIA best practices for making accessible accordions.

Examples

  • Accordion item 1
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id aliquet lectus proin nibh. Est ante in nibh mauris cursus. Id consectetur purus ut faucibus pulvinar elementum. Nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec. Aliquam id diam maecenas ultricies mi. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Auctor urna nunc id cursus metus aliquam. In vitae turpis massa sed. Malesuada pellentesque elit eget gravida. Orci porta non pulvinar neque laoreet suspendisse interdum.
  • Accordion item 2
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id aliquet lectus proin nibh. Est ante in nibh mauris cursus. Id consectetur purus ut faucibus pulvinar elementum. Nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec. Aliquam id diam maecenas ultricies mi. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Auctor urna nunc id cursus metus aliquam. In vitae turpis massa sed. Malesuada pellentesque elit eget gravida. Orci porta non pulvinar neque laoreet suspendisse interdum.
  • Accordion item 3
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id aliquet lectus proin nibh. Est ante in nibh mauris cursus. Id consectetur purus ut faucibus pulvinar elementum. Nullam ac tortor vitae purus faucibus ornare suspendisse sed nisi. Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec. Aliquam id diam maecenas ultricies mi. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Auctor urna nunc id cursus metus aliquam. In vitae turpis massa sed. Malesuada pellentesque elit eget gravida. Orci porta non pulvinar neque laoreet suspendisse interdum.