Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Accordion Layout #0001
This Accordion layout is perfect for FAQ Sections, Multi step forms, Documentation and more.
It is designed to work with or without a query loop and includes some custom javascript.
There are a couple of options you have with how this accordion works and this can be controlled by adding classes that relate to those options. Below are some controls that allow you to apply these options in this demo to see how each class effects the Accordion along with an explanation.
Manual Item 1
Manual Item 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra vitae congue eu consequat ac felis donec et odio. Odio aenean sed adipiscing diam donec
Manual Item 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper. In ornare quam viverra orci sagittis. A erat nam at lectus urna duis convallis convallis tellus. Eleifend mi in nulla posuere sollicitudin aliquam ultrices. Semper quis lectus nulla at volutpat diam.
Manual Item 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed cras ornare arcu dui vivamus arcu felis. Sit amet tellus cras adipiscing enim eu turpis egestas. Quam quisque id diam vel quam elementum.
This section will not be part of the design it is intended only to illustrate the controls you have available to you…. Though if you do have a need for such controls you can, of course, replicate it.