collapse.js: Accessible Accordion Examples

A Vanilla JavaScript library to help create highly customizable and fully accessible accordions & collapsible/expandable elements.

Section 1A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse suscipit dignissim accumsan. Sed suscipit nisi eu ipsum bibendum cursus in a lacus. Etiam eleifend porta ante, quis tincidunt lectus commodo quis. Donec aliquam nisi quis mattis euismod. Mauris vel lacinia est. Nullam vehicula lectus eros, pharetra mattis nisl efficitur et. Etiam cursus, augue nec pretium dictum, nibh lectus consequat lacus, ac pretium turpis nisl a sapien. Proin quis purus dictum, lobortis nunc quis, feugiat nisi. Sed malesuada ante risus, quis dictum diam efficitur eleifend. Aliquam sagittis, ex ac vehicula tincidunt, metus elit interdum massa, a finibus lorem magna ac diam. Duis quis facilisis enim, congue rutrum justo. Phasellus dictum massa consequat mi ultrices, vel facilisis urna feugiat.

Section 1A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse suscipit dignissim accumsan. Sed suscipit nisi eu ipsum bibendum cursus in a lacus. Etiam eleifend porta ante, quis tincidunt lectus commodo quis. Donec aliquam nisi quis mattis euismod. Mauris vel lacinia est. Nullam vehicula lectus eros, pharetra mattis nisl efficitur et. Etiam cursus, augue nec pretium dictum, nibh lectus consequat lacus, ac pretium turpis nisl a sapien. Proin quis purus dictum, lobortis nunc quis, feugiat nisi. Sed malesuada ante risus, quis dictum diam efficitur eleifend. Aliquam sagittis, ex ac vehicula tincidunt, metus elit interdum massa, a finibus lorem magna ac diam. Duis quis facilisis enim, congue rutrum justo. Phasellus dictum massa consequat mi ultrices, vel facilisis urna feugiat.

Section 2A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse suscipit dignissim accumsan. Sed suscipit nisi eu ipsum bibendum cursus in a lacus. Etiam eleifend porta ante, quis tincidunt lectus commodo quis. Donec aliquam nisi quis mattis euismod. Mauris vel lacinia est. Nullam vehicula lectus eros, pharetra mattis nisl efficitur et. Etiam cursus, augue nec pretium dictum, nibh lectus consequat lacus, ac pretium turpis nisl a sapien. Proin quis purus dictum, lobortis nunc quis, feugiat nisi. Sed malesuada ante risus, quis dictum diam efficitur eleifend. Aliquam sagittis, ex ac vehicula tincidunt, metus elit interdum massa, a finibus lorem magna ac diam. Duis quis facilisis enim, congue rutrum justo. Phasellus dictum massa consequat mi ultrices, vel facilisis urna feugiat.

Section 3A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse suscipit dignissim accumsan. Sed suscipit nisi eu ipsum bibendum cursus in a lacus. Etiam eleifend porta ante, quis tincidunt lectus commodo quis. Donec aliquam nisi quis mattis euismod. Mauris vel lacinia est. Nullam vehicula lectus eros, pharetra mattis nisl efficitur et. Etiam cursus, augue nec pretium dictum, nibh lectus consequat lacus, ac pretium turpis nisl a sapien. Proin quis purus dictum, lobortis nunc quis, feugiat nisi. Sed malesuada ante risus, quis dictum diam efficitur eleifend. Aliquam sagittis, ex ac vehicula tincidunt, metus elit interdum massa, a finibus lorem magna ac diam. Duis quis facilisis enim, congue rutrum justo. Phasellus dictum massa consequat mi ultrices, vel facilisis urna feugiat.