Accordion

Multiple data on one page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.

Curabitur nec risus eget lacus consequat lacinia non sit amet magna. Vestibulum facilisis erat ac metus consectetur consectetur sit amet a nisi. In laoreet tellus quam, facilisis maximus quam malesuada at. Fusce maximus nisl ut nisl tincidunt scelerisque. Aenean vel placerat arcu, ac pretium eros.Vivamus vulputate massa quam, quis finibus arcu dignissim vel. Nunc a ultrices dolor. Nullam in sollicitudin justo. Etiam auctor, lorem quis congue tincidunt, est ex imperdiet magna, in sagittis lectus lectus ut tellus. Curabitur maximus et urna a molestie. Vivamus quis placerat massa. Fusce sed odio sit nullam odio porttitor tincidunt ac non ipsum. Aliquam vel magna nunc.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.