Horizontal accordion
Classic horizontal accordion which can be used in home page to highlight recently added content such as articles etc. Accordion also uses control panel positioned in the bottom. The control panel consist of previous and left buttons and timer to visualize autoplay. The accordion also uses arrow keys navigation.
Horizontal accordion v2
Classic horizontal accordion which can be used in home page to highlight recently added content such as articles etc. This accordion uses same options as the previous one but offers different design of control elements. Previous and next buttons are placed on the sides and timer is a single red line in the bottom of every slide.
Horizontal accordion with titles
Horizontal accordion which can be used in home page to highlight recently added content such as articles etc. Every slide contains a vertical title which can be used as title of an article, news etc. No control buttons are used (only arrow keys navigation is enabled) and autoplay is disabled so naturally there is no timer.
Vertical accordion
Vertical accordion which demonstrates possibility to use not only horizontal accordion but even vertical and possibility to set border and drop shadow of a slide. Accordion doesn't use any control elements, timer and autoplay but arrow keys navigation is enabled. Slide is activated by moving cursor over it.
FAQ accordion
FAQ accordion can be used to nicely display frequently asked questions. Height of active slide is automatically determined by its content. Slides can contain any type of content - images, videos, lists, paragraphs, headings... Active question can be closed by clicking the question.
Updates list
Updates list is a nice solution suitable for displaying a short list of versions and changes of a jQuery plugin. Title consists of number of version and release date of the version. Updates list can be displayed in the sidebar. Active released version can be closed by clicking the title.
Products list
Products list can be used for e-shops to display top sellers, similar products, new products etc. Title consists of small picture of a product, title (link), price and user rating. When cursor is over the title more info about the product is shown plus button to add it to cart and link to full description of the product. The list is supposed to be located in the sidebar.
Latest posts accordion
Latest posts accordion is supposed to be placed in sidebar and display info about recently published articles or blog posts so it's suitable for blogs. Visible part of inactive post consists of title and date (time is optional). Every slide can contain a small image and few lines of the article or blog post plus link to this post. Active post can be closed by clicking the title.
2 level vertical navigation
This demo shows the complexity of jAccordion. Every submenu can contain variable number of items and theme of the whole navigation can be easily changed because layered .psd file is included (it applies to every demo displayed on this page). Navigation also works for users with disabled javascript, which also applies to every demo.
jAccordion by maniacpc, exclusively for CodeCanyon