hut-accordion

hut-accordion is a simple HTML accordion module that displays one section of content at a time from a list of sections. It contains a minimum amount of styling so that you can customize it to your needs. The example below shows the accordion in action.

example

Section

Vivamus porta leo eu tellus placerat ac suscipit felis interdum. Suspendisse augue orci, placerat id mattis ac, tincidunt blandit orci. Sed erat nibh, condimentum ut aliquam sit amet, consequat ut diam. Curabitur ut purus sed tortor fringilla rhoncus. Cras egestas suscipit facilisis. Donec adipiscing ultrices vestibulum. Cras tristique dictum sapien, non euismod lectus vulputate ac. Aliquam luctus erat nec lacus mollis et dapibus ligula tempor. Duis rhoncus ipsum ut risus placerat sit amet fringilla lacus elementum. Fusce a est elit, ac mattis turpis. Curabitur ac euismod libero.

More

Maecenas interdum feugiat leo, in suscipit dolor pellentesque facilisis. Aliquam tristique dapibus nisl, quis hendrerit odio venenatis laoreet. Vestibulum velit dolor, ultrices at feugiat vitae, accumsan ac ligula. Aliquam condimentum dictum nibh ut sagittis. Sed volutpat facilisis diam, id laoreet purus vulputate in. Quisque nec ligula sit amet mauris facilisis rutrum. Maecenas aliquet porttitor dui, et porta augue consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer malesuada placerat urna ac iaculis. Proin laoreet semper tempus. Sed molestie turpis ac dolor condimentum et tincidunt erat pellentesque. In augue orci, tempor in faucibus sed, aliquet quis orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer pharetra quam at mi venenatis non adipiscing magna lacinia. Nullam quis enim mi, ut viverra eros.

Another Section

Fusce mollis velit non lectus volutpat quis cursus ante commodo.

The buttons below demonstrate how to control the accordion using JS. They are not needed for normal accordion operation.