Github

simpleAccordion jQuery Plugin

Small 319 bytes simple Accordion jQuery Plugin.

Download


How to use:

Call the plugin on the set of elements to make them act like an accordion. The next element will be the content.

Options:

$(selector).simpleAccordion(class, single);

$('elem').simpleAccordion('customClass',true||false);
The options can be repositioned, no matter the order in which they are written.
Defaults to single element to be active and "simpleAccordionactive" as the class.

Examples:

$('.accordion').simpleAccordion();
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit laoreet enim, quis eleifend sapien commodo in. Curabitur eu lectus quam, in pulvinar dui. Ut sit amet eros leo, nec rhoncus nulla. Mauris tempor volutpat lacinia. Cras facilisis sem a nunc consectetur non molestie purus imperdiet. Proin sit amet neque nisi, in porttitor tellus. Aliquam dolor nulla, iaculis ut pretium in, pretium id lorem.
$('.accordion').simpleAccordion();
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit laoreet enim, quis eleifend sapien commodo in. Curabitur eu lectus quam, in pulvinar dui. Ut sit amet eros leo, nec rhoncus nulla. Mauris tempor volutpat lacinia. Cras facilisis sem a nunc consectetur non molestie purus imperdiet. Proin sit amet neque nisi, in porttitor tellus. Aliquam dolor nulla, iaculis ut pretium in, pretium id lorem.
$('.accordion').simpleAccordion(false);
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit laoreet enim, quis eleifend sapien commodo in. Curabitur eu lectus quam, in pulvinar dui. Ut sit amet eros leo, nec rhoncus nulla. Mauris tempor volutpat lacinia. Cras facilisis sem a nunc consectetur non molestie purus imperdiet. Proin sit amet neque nisi, in porttitor tellus. Aliquam dolor nulla, iaculis ut pretium in, pretium id lorem.
$('.accordion').simpleAccordion(false);
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit laoreet enim, quis eleifend sapien commodo in. Curabitur eu lectus quam, in pulvinar dui. Ut sit amet eros leo, nec rhoncus nulla. Mauris tempor volutpat lacinia. Cras facilisis sem a nunc consectetur non molestie purus imperdiet. Proin sit amet neque nisi, in porttitor tellus. Aliquam dolor nulla, iaculis ut pretium in, pretium id lorem.
$('.accordion').simpleAccordion('customClass');
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit laoreet enim, quis eleifend sapien commodo in. Curabitur eu lectus quam, in pulvinar dui. Ut sit amet eros leo, nec rhoncus nulla. Mauris tempor volutpat lacinia. Cras facilisis sem a nunc consectetur non molestie purus imperdiet. Proin sit amet neque nisi, in porttitor tellus. Aliquam dolor nulla, iaculis ut pretium in, pretium id lorem.
$('.accordion').simpleAccordion('customClass');
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit laoreet enim, quis eleifend sapien commodo in. Curabitur eu lectus quam, in pulvinar dui. Ut sit amet eros leo, nec rhoncus nulla. Mauris tempor volutpat lacinia. Cras facilisis sem a nunc consectetur non molestie purus imperdiet. Proin sit amet neque nisi, in porttitor tellus. Aliquam dolor nulla, iaculis ut pretium in, pretium id lorem.


Legal:

Author & copyright (c) 2013: Masquerade Circus
Dual MIT & GPLv2 license