responsive

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.

API

and lots of events

slide2

API and events

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

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.

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 events and options which let you customize it to suit your needs.


Lots of themes

jAccordion is provided with large amount of ready to use themes. Every theme is provided with layered .psd file for easy 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.

Links to slides

It's possible to use links to activate a specific slide of a specific instance of accordion and even from a different page.
Show me

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

Custom elements

It's possible to create custom elements such as next and previous buttons, timers and preloaders. You are not limited to use the predefined HTML markup and CSS, you have absolute freedom to create them.

Powerful API

jAccordion is provided with large amount of public methods and variables which let you customize jAccordion after initialization.
Show me

Easy to understand

Every API method or variable, every event and every option is provided with 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, how to create custom themes, how to use animated elements, custom preloader, custom timer, whatever you name is probably documented.
Show me

JS fallback

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


jAccordion by maniacpc, exclusively for CodeCanyon