jQuery ChechuAccordion Plugin Examples

jQuery ChechuAccordion Plugin Examples
"SlideDown" effect, slideTime, hidden panels and loader $('#homeAccordion').ChechuAccordion({effect: 'slideDown',slideTime:1.0, hideAllPanels:true, loaderImg: true});

CONTENT 1 +

Content 1 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?

CONTENT 2+

Content 2 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?

CONTENT 3 +

Content 3 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?

Example with "slideUp", single panels and without the loader image. $('#homeAccordion2').ChechuAccordion({effect: 'slideUp',slideTime:1.5, hideAllPanels:false, loaderImg: false});

CONTENT 1 +

Content 1 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?

CONTENT 2+

Content 2 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?

CONTENT 3 +

Content 3 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?

Example with "rotate" effect, single panels and without the loader image. $('#homeAccordion3').ChechuAccordion({effect: 'rotate',slideTime:1.0, hideAllPanels:true, loaderImg: true});

CONTENT 1 +

Content 1 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?

CONTENT 2+

Content 2 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?

CONTENT 3 +

Content 3 :
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, architecto, autem tempora laborum quam error distinctio corporis repellat quod sequi praesentium voluptatibus accusantium quas. Veniam, nobis quae explicabo harum. Numquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, suscipit, qui nisi labore temporibus ratione accusantium ducimus et ipsa blanditiis ad placeat laudantium veniam consectetur beatae quae molestias fuga veritatis. Lorem ipsum olor sit amet, consectetur adipisicing elit. Nemo, accusamus, voluptas quia atque ipsum fugiat rerum impedit ducimus error fuga earum ea reprehenderit? Ab, rem iusto quod voluptatum! Corporis, dolores. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, esse modi consequuntur incidunt voluptatibus in quisquam similique quasi beatae doloremque. Adipisci, perferendis nesciunt aut unde dolores aspernatur corrupti quaerat ducimus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem, non, quos aut amet mollitia aliquid tempore consequuntur expedita repellendus tenetur vel delectus dolorem dolores sapiente maiores iusto dicta minima eaque?