Compact content sections 2.5 example page

This page demonstrates the use of jquery.compact.

You will notice that multiple compact section groups can be set into each page.

Accordian display

The first example on this page uses the default accordian display mode.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.

In a orci

In a orci. Aenean et mi quis dui semper nonummy. Sed blandit ligula vitae tellus. Pellentesque dolor felis, sollicitudin at, scelerisque id, pulvinar sit amet, augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus odio metus, tincidunt id, faucibus at, iaculis at, nisl. Donec et quam et orci porta porta. Fusce tempus dapibus augue. Vivamus ac mauris at nisi aliquet faucibus. Nullam velit nisi, accumsan quis, tincidunt non, laoreet id, libero. Nam id ante et ligula tincidunt rhoncus. Sed tincidunt semper velit.

Maecenas mattis

Maecenas mattis. In interdum pede in ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque vel nisl sed nisi iaculis congue. Nam elit arcu, interdum eget, consequat sed, rhoncus sit amet, enim. Fusce porttitor. Curabitur urna. Etiam non velit. Donec imperdiet iaculis enim. Proin fringilla, ligula eu aliquam posuere, nibh metus ultricies magna, ut congue tortor magna vitae nisi. Maecenas ornare tortor vitae massa. Sed bibendum rutrum velit. Etiam rhoncus consectetuer augue. Maecenas et risus. Aliquam blandit imperdiet nunc.

Duis sed libero

Duis sed libero congue augue tincidunt tristique. Vestibulum neque. Mauris risus. Aliquam lobortis, metus luctus tristique lobortis, est risus sodales est, nec accumsan sapien tellus vel metus. Nulla facilisi. Nulla vestibulum ipsum vitae nisi aliquet pulvinar. Vivamus egestas ultrices turpis. Morbi porta luctus dolor. Nulla magna lectus, feugiat nec, suscipit non, dictum non, enim. Curabitur sit amet sem vel lorem egestas gravida. Vestibulum id ligula. Fusce non orci nec massa cursus bibendum. Morbi cursus lacus non augue. Nunc scelerisque. Etiam ipsum est, consectetuer ac, dignissim eu, interdum ac, quam.

Fusce ante lectus

Fusce ante lectus, sagittis eu, malesuada in, sollicitudin vel, urna. Integer molestie iaculis nisi. Praesent posuere, sem viverra mattis euismod, enim tellus dictum dolor, condimentum molestie sem nunc sit amet eros. Pellentesque sagittis pretium sem. Sed pharetra, ipsum eu fermentum dictum, enim augue egestas dolor, ut scelerisque orci diam at neque. Proin elit pede, rutrum ut, malesuada at, malesuada vitae, massa. Mauris dapibus lobortis arcu. Nullam pretium, diam a congue sagittis, quam dui eleifend nisi, quis auctor velit lorem nec augue. Praesent condimentum pellentesque erat. Sed et lacus ut dolor viverra tempus. Donec eget nunc et nibh euismod tempor. Suspendisse nec risus. Nam massa. Nulla placerat urna ut risus. Cras non nunc ac massa semper scelerisque. Donec ultrices, dolor id ullamcorper eleifend, enim orci aliquet dolor, vitae pellentesque augue nulla eu nisi.

Tabbed display

The second example uses the tabbed-pane display mode.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.

In a orci

In a orci. Aenean et mi quis dui semper nonummy. Sed blandit ligula vitae tellus. Pellentesque dolor felis, sollicitudin at, scelerisque id, pulvinar sit amet, augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus odio metus, tincidunt id, faucibus at, iaculis at, nisl. Donec et quam et orci porta porta. Fusce tempus dapibus augue. Vivamus ac mauris at nisi aliquet faucibus. Nullam velit nisi, accumsan quis, tincidunt non, laoreet id, libero. Nam id ante et ligula tincidunt rhoncus. Sed tincidunt semper velit.

Maecenas mattis

Maecenas mattis. In interdum pede in ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque vel nisl sed nisi iaculis congue. Nam elit arcu, interdum eget, consequat sed, rhoncus sit amet, enim. Fusce porttitor. Curabitur urna. Etiam non velit. Donec imperdiet iaculis enim. Proin fringilla, ligula eu aliquam posuere, nibh metus ultricies magna, ut congue tortor magna vitae nisi. Maecenas ornare tortor vitae massa. Sed bibendum rutrum velit. Etiam rhoncus consectetuer augue. Maecenas et risus. Aliquam blandit imperdiet nunc.

Duis sed libero

Duis sed libero congue augue tincidunt tristique. Vestibulum neque. Mauris risus. Aliquam lobortis, metus luctus tristique lobortis, est risus sodales est, nec accumsan sapien tellus vel metus. Nulla facilisi. Nulla vestibulum ipsum vitae nisi aliquet pulvinar. Vivamus egestas ultrices turpis. Morbi porta luctus dolor. Nulla magna lectus, feugiat nec, suscipit non, dictum non, enim. Curabitur sit amet sem vel lorem egestas gravida. Vestibulum id ligula. Fusce non orci nec massa cursus bibendum. Morbi cursus lacus non augue. Nunc scelerisque. Etiam ipsum est, consectetuer ac, dignissim eu, interdum ac, quam.

Fusce ante lectus

Fusce ante lectus, sagittis eu, malesuada in, sollicitudin vel, urna. Integer molestie iaculis nisi. Praesent posuere, sem viverra mattis euismod, enim tellus dictum dolor, condimentum molestie sem nunc sit amet eros. Pellentesque sagittis pretium sem. Sed pharetra, ipsum eu fermentum dictum, enim augue egestas dolor, ut scelerisque orci diam at neque. Proin elit pede, rutrum ut, malesuada at, malesuada vitae, massa. Mauris dapibus lobortis arcu. Nullam pretium, diam a congue sagittis, quam dui eleifend nisi, quis auctor velit lorem nec augue. Praesent condimentum pellentesque erat. Sed et lacus ut dolor viverra tempus. Donec eget nunc et nibh euismod tempor. Suspendisse nec risus. Nam massa. Nulla placerat urna ut risus. Cras non nunc ac massa semper scelerisque. Donec ultrices, dolor id ullamcorper eleifend, enim orci aliquet dolor, vitae pellentesque augue nulla eu nisi.

Filler content to facilitate scrolling

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed tristique lacinia mauris. Nam id massa accumsan est faucibus ornare. Nam mollis, tortor at venenatis molestie, felis arcu euismod arcu, vel iaculis nunc ipsum sit amet ligula. Vivamus quis quam ac ligula bibendum venenatis. Duis bibendum neque at sapien. Vivamus a elit. Curabitur pulvinar nunc eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris nec nisl ac ligula sodales tempor. Proin ut libero nec erat adipiscing iaculis.