Features

Create cross-browser jQuery accordions to display content when visitors click on (or even mouse over!) page elements (accordion headers) of your choice.

Use simple text, HTML code, images, videos (YouTube, etc.), animations, Flash, or whole pages (AJAX, URL) as content in your accordions.

Create projects fast by using ready-made examples already installed in the application.

Universal: Use in all authoring tools (Dreamweaver, Expression Web, etc.) and CMS platforms (Joomla, Drupal, Wordpress, etc.).

Create any type of jQuery accordion control, such as: vertical accordion, horizontal accordion, jquery accordion, jquery slider, jquery toggle, accordion menu, collapsible panel, ajax accordion, javascript accordion, CSS accordion, accordion panel, etc.

Create both vertical and horizontal accordions, with headers on any side (Top, Bottom, Left, Right). Panes can open/close horizontally too!

Set the accordion panes as co-dependent (only 1 pane open at any time) OR totally independent (any number of panes open at any time).

1. populated by the project properties (within the application).
   OR
2. populated by a UL/LI structure, located inside your page.
   OR
3. populated by DIV elements, located inside your page.

Customize the style of your accordion through CSS ("css accordions").

Apply images creatively to create interesting accordions (images on accordion headers, image-based backgrounds etc.).

Use multiple accordion controls on the same page (with the same or different styling).

Add dynamic content (database-driven or programmable) to your accordions through AJAX techniques ("ajax accordions").

Show and hide the panes in your accordion using a variety of show/hide effects.

Optionally use an "Indicator" image on the headers of the accordion panes (panes can open/close when clicking on that image instead of their entire header area).

Set as initially open (on page load): a specific pane OR all panes OR no pane OR a "random" pane.

Choose the "Remember last open panes when user revisits" option, if you want your users to see the accordion as they left it when they return back to its page.

Make the accordion behave as a "SlideShow": its panes opening automatically, one at a time, at specified duration and direction, with looping or not, pause on "mouse over" and more.

Use the "Resizable Panes" feature for vertical accordions; user can resize a vertical pane by dragging its bottom border. view this feature live in our Knowledge Base accordions

Screenshot of an accordion using "resizable panes":

Use "Example 20 (FAQ)" to create a FAQ, which applies the following concepts:

- *Clean styling* is used on pane headers (no background color or border in their CSS).
- *Show All/Hide All* links are used outside the accordion (placed anywhere in page).
- *Indicator* set is used in headers (the plus/minus icons).
- *Indicator image only* is used to show or hide panes (instead of their entire Header).
- *Independent panes* are used (any number of panes can be open at any time).

Use complete help for all properties and procedures. Press F1 while you are on a property to immediately receive Help for that property.

Access additional designs (examples) of accordion controls, besides the designs coming with the application (note: applies to "Unlimited Domains" users).

Powered by the popular jQuery open source library.

The produced jQuery accordions are fully cross-browser, i.e. they work alike in all browsers supporting DHTML and Javascript (like Firefox, Internet Explorer, Google Chrome, Opera, Mozilla, Konqueror, Safari and more).

Likno Web Accordion Builder will save you a significant amount of time and effort required to fully understand DHTML, Javascript and jQuery code for creating powerful web accordion controls!