responsive

JS fallback

disable javascript and refresh

slide1

It works even if JS is disabled

It's true that there are not many users which browse the web with disabled javascript but why not to display the content of accordion as intended even for them.

Public API

and lots of callbacks

slide2

Public API and callbacks

There are so many things you can create using public API and callbacks, e.g. the nice timer this accordion uses or any other type of timer you can imagine as you can read in the documentation.

It's responsive

try to resize your window

slide3

It works on most devices

Not only the whole plugin is responsive but headings are responsive too so you should be able to read content of a slide in most cases no matter what screen size your device has.

slide4

Usage of links

You can use multiple links inside a slide (as demonstrated on this slide) or use the whole slide as a link (see the next slide). Links of inactive slides are disabled so nothing happens when you click a link of inactive slide. You can of course disable this functionality for the whole accordion or for particular links. Read more about it in documentation. As mentioned you can use as much links as you want link.

drop_shadow

jAccordion is a complex and responsive jQuery plugin with powerful API, large amount of callbacks and options which let you customize it to suit your needs.


Lots of demos

jAccordion is provided with large amount of ready to use demos. Every demo is provided with layered .psd file for easy theme customization.
Show me

Responsive

Not only jAccordion automatically changes its size to fit screen of user but even headings are responsive so slide content is readable on any device (not supported by ie7 and ie8).

Animated elements

Any HTML element inside a slide can be animated using additional attributes. You can fade the element or animate change of its position.
Show me

Easy to understand

Every public API method or variable, every callback function and every option has at least one demo so you can see the functionality in action and understand what exactly it does.
Show me

Extensive documentation

How to include jAccordion into your website, style customization, animated elements, custom preloader, custom timer, whatever you name should be there.
Show me

JS fallback

Even if you browse the web with disabled javascript, jAccordion looks pretty much same and keeps its content accessible, just without animations.


jAccordion by maniacpc, exclusively for CodeCanyon