/CSS3-Accordion

Fluid accordion (horizontal & vertical) with CSS3 Transitions

Primary LanguageCSS

CSS3-Accordion

  • Vertical and horizontal accordions
  • Responsive and mobile-ready
  • CSS3 transitions instead of jQuery.animate

Browser support

  • IE7+
  • Chrome latest
  • Safari latest
  • Firefox latest
  • Opera latest

Dependencies

  • jQuery 1.8+
  • Modernizr.prefixed

At least the following files are required:

  • extensions/css/accordion.less
  • extensions/js/accordion-(vertical|horizontal).js

Initialize accordion:

new Accordion( $('#accordion') );
// or
new HorizontalAccordion( $('#accordion') );

Credits

Thanks to SinnerSchrader for their support and the time to work on this project.