Demo for Core Design Accordion plugin for Joomla!

Official page

 

Default

Tab 1
Lorem ipsum dolor sit amet consectetuer elit metus at nec Vestibulum. Facilisi libero libero velit nibh ac eget arcu felis non cursus. Porttitor nibh ridiculus facilisi wisi laoreet ante id urna Integer vitae. Ut Ut porta eu Aenean et Sed urna Pellentesque consectetuer eros. Phasellus Quisque at id condimentum eros facilisis urna amet adipiscing quis. Rhoncus semper dolor accumsan lacus ipsum lorem consequat lobortis facilisi fringilla. Lacinia hac.
Tab 2
Tincidunt pulvinar tincidunt malesuada consectetuer quis tincidunt Sed urna pede lobortis. Porttitor consequat ligula vel Nam at semper Vestibulum netus nulla mauris. Id mattis leo risus tristique mattis vitae iaculis gravida vel ac. Curabitur laoreet dolor Vestibulum laoreet fringilla Pellentesque habitant semper Sed leo. Enim faucibus Nullam Nam nibh porta tincidunt pellentesque vitae Nulla Curabitur. Nascetur nascetur Phasellus.
Tab 3
Ornare id pretium mi congue rutrum eros sed adipiscing consectetuer ipsum. Pellentesque elit interdum nulla dapibus Curabitur felis eget cursus dictumst Pellentesque. Fames et feugiat Vivamus accumsan Vestibulum et laoreet penatibus ut justo. Sit et mus justo dolor Donec metus Vestibulum tempor orci congue. Nunc libero tortor eget metus justo justo nonummy nibh penatibus fames. Et libero ut a.
 
 

Nested accordion

Tab 1
Lorem ipsum dolor sit amet consectetuer elit metus at nec Vestibulum. Facilisi libero libero velit nibh ac eget arcu felis non cursus. Porttitor nibh ridiculus facilisi wisi laoreet ante id urna Integer vitae. Ut Ut porta eu Aenean et Sed urna Pellentesque consectetuer eros. Phasellus Quisque at id condimentum eros facilisis urna amet adipiscing quis.
Tab 1
Lorem ipsum dolor sit amet consectetuer elit metus at nec Vestibulum. Facilisi libero libero velit nibh ac eget arcu felis non cursus. Porttitor nibh ridiculus facilisi wisi laoreet ante id urna Integer vitae. Ut Ut porta eu Aenean et Sed urna Pellentesque consectetuer eros. Phasellus Quisque at id condimentum eros facilisis urna amet adipiscing quis. Rhoncus semper dolor accumsan lacus ipsum lorem consequat lobortis facilisi fringilla. Lacinia hac.
Tab 2
Tincidunt pulvinar tincidunt malesuada consectetuer quis tincidunt Sed urna pede lobortis. Porttitor consequat ligula vel Nam at semper Vestibulum netus nulla mauris. Id mattis leo risus tristique mattis vitae iaculis gravida vel ac. Curabitur laoreet dolor Vestibulum laoreet fringilla Pellentesque habitant semper Sed leo. Enim faucibus Nullam Nam nibh porta tincidunt pellentesque vitae Nulla Curabitur. Nascetur nascetur Phasellus.
Tab 3
Ornare id pretium mi congue rutrum eros sed adipiscing consectetuer ipsum. Pellentesque elit interdum nulla dapibus Curabitur felis eget cursus dictumst Pellentesque. Fames et feugiat Vivamus accumsan Vestibulum et laoreet penatibus ut justo. Sit et mus justo dolor Donec metus Vestibulum tempor orci congue. Nunc libero tortor eget metus justo justo nonummy nibh penatibus fames. Et libero ut a.
Tab 2
Tincidunt pulvinar tincidunt malesuada consectetuer quis tincidunt Sed urna pede lobortis. Porttitor consequat ligula vel Nam at semper Vestibulum netus nulla mauris. Id mattis leo risus tristique mattis vitae iaculis gravida vel ac. Curabitur laoreet dolor Vestibulum laoreet fringilla Pellentesque habitant semper Sed leo. Enim faucibus Nullam Nam nibh porta tincidunt pellentesque vitae Nulla Curabitur. Nascetur nascetur Phasellus.
 

Styled accordion

Tab 1
Lorem ipsum dolor sit amet consectetuer elit metus at nec Vestibulum. Facilisi libero libero velit nibh ac eget arcu felis non cursus. Porttitor nibh ridiculus facilisi wisi laoreet ante id urna Integer vitae. Ut Ut porta eu Aenean et Sed urna Pellentesque consectetuer eros. Phasellus Quisque at id condimentum eros facilisis urna amet adipiscing quis. Rhoncus semper dolor accumsan lacus ipsum lorem consequat lobortis facilisi fringilla. Lacinia hac.
Tab 2
Tincidunt pulvinar tincidunt malesuada consectetuer quis tincidunt Sed urna pede lobortis. Porttitor consequat ligula vel Nam at semper Vestibulum netus nulla mauris. Id mattis leo risus tristique mattis vitae iaculis gravida vel ac. Curabitur laoreet dolor Vestibulum laoreet fringilla Pellentesque habitant semper Sed leo. Enim faucibus Nullam Nam nibh porta tincidunt pellentesque vitae Nulla Curabitur. Nascetur nascetur Phasellus.
Tab 3
Ornare id pretium mi congue rutrum eros sed adipiscing consectetuer ipsum. Pellentesque elit interdum nulla dapibus Curabitur felis eget cursus dictumst Pellentesque. Fames et feugiat Vivamus accumsan Vestibulum et laoreet penatibus ut justo. Sit et mus justo dolor Donec metus Vestibulum tempor orci congue. Nunc libero tortor eget metus justo justo nonummy nibh penatibus fames. Et libero ut a.
 

Fluid styled accordion

Tab 1
Lorem ipsum dolor sit amet consectetuer elit metus at nec Vestibulum. Facilisi libero libero velit nibh ac eget arcu felis non cursus. Porttitor nibh ridiculus facilisi wisi laoreet ante id urna Integer vitae. Ut Ut porta eu Aenean et Sed urna Pellentesque consectetuer eros. Phasellus Quisque at id condimentum eros facilisis urna amet adipiscing quis. Rhoncus semper dolor accumsan lacus ipsum lorem consequat lobortis facilisi fringilla. Lacinia hac.
Tab 2
Tincidunt pulvinar tincidunt malesuada consectetuer quis tincidunt Sed urna pede lobortis. Porttitor consequat ligula vel Nam at semper Vestibulum netus nulla mauris. Id mattis leo risus tristique mattis vitae iaculis gravida vel ac. Curabitur laoreet dolor Vestibulum laoreet fringilla Pellentesque habitant semper Sed leo. Enim faucibus Nullam Nam nibh porta tincidunt pellentesque vitae Nulla Curabitur. Nascetur nascetur Phasellus.
Tab 3
Ornare id pretium mi congue rutrum eros sed adipiscing consectetuer ipsum. Pellentesque elit interdum nulla dapibus Curabitur felis eget cursus dictumst Pellentesque. Fames et feugiat Vivamus accumsan Vestibulum et laoreet penatibus ut justo. Sit et mus justo dolor Donec metus Vestibulum tempor orci congue. Nunc libero tortor eget metus justo justo nonummy nibh penatibus fames. Et libero ut a.

active="2"

Tab 1
Lorem ipsum dolor sit amet consectetuer elit metus at nec Vestibulum. Facilisi libero libero velit nibh ac eget arcu felis non cursus. Porttitor nibh ridiculus facilisi wisi laoreet ante id urna Integer vitae. Ut Ut porta eu Aenean et Sed urna Pellentesque consectetuer eros. Phasellus Quisque at id condimentum eros facilisis urna amet adipiscing quis. Rhoncus semper dolor accumsan lacus ipsum lorem consequat lobortis facilisi fringilla. Lacinia hac.
Tab 2
Tincidunt pulvinar tincidunt malesuada consectetuer quis tincidunt Sed urna pede lobortis. Porttitor consequat ligula vel Nam at semper Vestibulum netus nulla mauris. Id mattis leo risus tristique mattis vitae iaculis gravida vel ac. Curabitur laoreet dolor Vestibulum laoreet fringilla Pellentesque habitant semper Sed leo. Enim faucibus Nullam Nam nibh porta tincidunt pellentesque vitae Nulla Curabitur. Nascetur nascetur Phasellus.
Tab 3
Ornare id pretium mi congue rutrum eros sed adipiscing consectetuer ipsum. Pellentesque elit interdum nulla dapibus Curabitur felis eget cursus dictumst Pellentesque. Fames et feugiat Vivamus accumsan Vestibulum et laoreet penatibus ut justo. Sit et mus justo dolor Donec metus Vestibulum tempor orci congue. Nunc libero tortor eget metus justo justo nonummy nibh penatibus fames. Et libero ut a.
 

filter="com_content.id"

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in orci in sem molestie vehicula sed eu sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris vel dignissim leo. Etiam ipsum dolor, rhoncus in ipsum ut, hendrerit commodo leo. Vivamus quis ante ullamcorper, consequat dolor vitae, efficitur nulla. Aenean eget porttitor felis, sit amet vestibulum leo. Suspendisse non dui maximus, mattis urna non, auctor purus. Donec pharetra vulputate feugiat.

Mauris non justo urna. Phasellus convallis quam sed tortor congue dictum. Mauris auctor in dui id interdum. Integer et mauris cursus, consequat magna eu, hendrerit neque. Sed porta semper justo, non facilisis ipsum ornare sed. Vivamus ut nulla felis. Vivamus pharetra neque non elementum lobortis. Sed vulputate odio ut lacus condimentum tincidunt. Quisque ligula tellus, vehicula a laoreet eget, dictum ac lacus.

Pellentesque luctus

Pellentesque luctus in justo eu venenatis. Praesent bibendum ex ac metus facilisis, in fringilla tortor bibendum. Donec dolor nunc, condimentum nec consequat non, interdum mattis dui. Mauris lobortis suscipit laoreet. Cras tellus ex, accumsan ac tellus vitae, egestas cursus metus. Donec ornare ut magna ac aliquet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec porttitor in libero nec fringilla. Donec ac enim vel sapien pharetra pulvinar at id magna. Duis auctor erat nec ligula dictum, tincidunt varius enim euismod. Nam a nibh sed massa dictum consequat. Etiam sit amet mi varius, tristique nisi eget, lacinia lorem. Quisque consectetur ultricies est, in condimentum velit ornare nec. Ut elementum sapien sed mi imperdiet, eu rutrum ipsum pulvinar. Morbi viverra dignissim nunc, eu vestibulum odio.

An idque soluta has

An idque soluta has, nusquam convenire id vel. Qui ex sumo unum. An sint porro dictas pri. Pri corrumpit evertitur id, mei eu eius eripuit, sit sale dolore at. Modo lorem primis mel eu, erant fabulas et qui, eruditi debitis qui ad. Ne duo invenire moderatius. Id ius scripta legimus erroribus.Lorem ipsum dolor sit amet, an vis numquam appellantur. Mei vide laudem apeirian an, eam nisl omittam definitionem ut, eu pro posse volumus legendos. Te mel ullum gubergren, sed everti deleniti et. Usu ea clita ponderum dissentiet, natum assum exerci ad eam. Per dicta viderer in, agam natum laoreet quo in.

Pro persecuti dissentiet in, eu usu audiam legimus, pri sensibus liberavisse ad. Nisl propriae te duo. Sit ut causae tamquam epicuri, qui errem alterum dissentias no. Ubique repudiare aliquando ea pro, ne esse congue quodsi vix, ut ius ubique nostrum. Meliore oporteat mei id. Ad amet salutatus quo, ne cum facer scribentur. Et munere verear vix. Solum errem pro et, mea cu modo scribentur. Case meis tamquam sit ea.

Ius denique laboramus no, cibo explicari ex vim, tempor perpetua cum ex. Usu id viris sanctus pertinax, mea nibh aeterno cotidieque ei, eum soluta suscipit et. Consulatu persequeris in usu, te vix aliquid singulis liberavisse. Eirmod vocent referrentur ius ad, et mandamus inciderint nec. Facete labores interpretaris te quo.