This plugin provides you an accessible and lightweight solution to a widely adopted interface pattern known as progressive disclosure.
Read the full documentation for more info.
<div id="demo" data-collapse="accordion persist"> <h2>Fruits</h2> <ul> <li>Apple</li> <li>Pear</li> <li>Orange</li> </ul> <h2>Hint</h2> <div> <p>One fruit a day keeps the doctor away</p> </div> <h2>Third</h2> <p>Just a paragraph here</p> </div>
One fruit a day keeps the doctor away
Just a paragraph here
Remembers open sections on page reload using either HTML5 localStorage or cookies!
jQuery Collapse is packed with the classic 'accordion' behaviour that can be easily toggled on and off.
The plugin has been designed with WAI-ARIA in mind which defines a way to make Web content and Web applications more accessible to people with disabilities.
jQuery-Collapse is designed to be lightweight with minimal bloat. It's only ~1kb when compiled and gzipped!
Fully tested in IE6+, Firefox3+, Chrome5+, Safari4+, Opera 10+. Degrades gracefully in unsupported browsers