Collapsible

Collapsibles / Accordions are used to display content in collapsible content panels. Style the accordions your own way by choosing among unlimited colors, 14 toggle icon types & 10 border styles. Change the head background color, head text color, border size-color-style-radius & content background and text color. The accordions are responsive thereby they fit well on every screen.

Default Collapsibles with Different Icon Positions

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos

Specify custom colors for each panel in a collapsible and choose among different icon sets

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed scelerisque at erat a interdum. Nunc ultrices non massa et ornare. Nam feugiat nunc a varius consequat nisl ligula scelerisque neque elementum adipiscing ligula ante in nisi. Ut non mi dictum ultricies nibh sit amet vulputate est. Nullam vel ultrices magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra per inceptos himenaeos