Skip to Content

Accordion

The accordion template is useful for simplifying a page that currently holds a great deal of content. The TitlAccBdy template features a large, clickable graphic that when clicked on, reveals the entirety of the "body" of text.
_____________________________________________________________________

ARTICLE: TitlAccBdy

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa lacus, commodo et tincidunt vitae, sagittis eget nisi. Morbi tristique euismod blandit. Nulla sed dui nibh. Suspendisse id cursus libero. Cras mattis faucibus quam, et vehicula urna suscipit eu. Duis at orci sit amet urna varius tempor. Vivamus luctus est ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec elit nisi, suscipit a luctus sed, euismod sed purus. Ut vitae lectus eu quam posuere scelerisque. Sed venenatis est at libero tincidunt non semper mi lobortis. Maecenas rhoncus enim pellentesque dui faucibus eu feugiat sapien malesuada. Nam bibendum convallis ornare.

Heading 2

In hac habitasse platea dictumst. Nam mi enim, sodales vitae rhoncus non, sodales in nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer vel felis sem. Donec ornare, tellus vel tincidunt imperdiet, diam urna lobortis tortor, nec accumsan eros nunc tempor mi. Cras urna risus, gravida aliquet cursus non, volutpat at mi. Sed vel est et lorem tincidunt consectetur id ut nisl. Aenean at mauris mauris. Suspendisse potenti. Fusce vulputate, augue et mattis volutpat, mauris mi sagittis dui, quis luctus neque erat convallis nulla. Donec felis magna, sodales eget pretium a, faucibus quis arcu. 

Heading 3

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam scelerisque, velit quis tincidunt gravida, turpis massa faucibus diam, ut dictum lectus mauris nec ligula. Maecenas metus augue, malesuada nec iaculis ut, posuere et felis. Maecenas quis nunc sit amet dolor eleifend condimentum. Ut feugiat pretium viverra. Proin vitae metus nunc. Morbi massa erat, scelerisque nec volutpat vitae, tincidunt sed orci. Vestibulum eros nibh, auctor vel euismod eu, luctus sit amet sapien.

The TitlAccStrpBdy template does not utilize a graphic, but rather a plus and minus sign to the far right of the Title to indicate that there is more text below. Clicking on the plus sign expands the text below, and changes the plus to a minus. Clicking on the minus sign contracts the text back up.
_______________________________________________________________________

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin massa lacus, commodo et tincidunt vitae, sagittis eget nisi. Morbi tristique euismod blandit. Nulla sed dui nibh. Suspendisse id cursus libero. Cras mattis faucibus quam, et vehicula urna suscipit eu. Duis at orci sit amet urna varius tempor. Vivamus luctus est ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec elit nisi, suscipit a luctus sed, euismod sed purus. Ut vitae lectus eu quam posuere scelerisque. Sed venenatis est at libero tincidunt non semper mi lobortis. Maecenas rhoncus enim pellentesque dui faucibus eu feugiat sapien malesuada. Nam bibendum convallis ornare.

Heading 2

In hac habitasse platea dictumst. Nam mi enim, sodales vitae rhoncus non, sodales in nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer vel felis sem. Donec ornare, tellus vel tincidunt imperdiet, diam urna lobortis tortor, nec accumsan eros nunc tempor mi. Cras urna risus, gravida aliquet cursus non, volutpat at mi. Sed vel est et lorem tincidunt consectetur id ut nisl. Aenean at mauris mauris. Suspendisse potenti. Fusce vulputate, augue et mattis volutpat, mauris mi sagittis dui, quis luctus neque erat convallis nulla. Donec felis magna, sodales eget pretium a, faucibus quis arcu. 

Heading 3

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam scelerisque, velit quis tincidunt gravida, turpis massa faucibus diam, ut dictum lectus mauris nec ligula. Maecenas metus augue, malesuada nec iaculis ut, posuere et felis. Maecenas quis nunc sit amet dolor eleifend condimentum. Ut feugiat pretium viverra. Proin vitae metus nunc. Morbi massa erat, scelerisque nec volutpat vitae, tincidunt sed orci. Vestibulum eros nibh, auctor vel euismod eu, luctus sit amet sapien.