dhtmlxAccordion allows you to organize your content in a space-saving way. This JavaScript/Ajax accordion control displays multiple panels within a container. Just one of these panels is expanded at a time, while others are collapsed. If you want to see other panel's content, just click on its header and chosen panel will open smoothly. This quite popular visual solution is built entirely in JavaScript and works correctly in all major web browsers (FF, IE, Opera, Safari).

Live demo

The content displayed in panels can include any object, URL, or other dhtmlx component, such as tree, grid, dataview, etc. dhtmlxAccordion provides multiple visual skins so it can be easily customized to any design. This Ajax accordion component is light-weight and easy to use. It provides efficient JavaScript solution for displaying diverse content within expandable panes.

dhtmlxAccordion provides easy ways of integration with other components of dhtmlx products line - it can be easily included in application built on dhtmlxLayout. You can also put other dhtmlx components into the accordion panels with just a single script command. Any item in dhtmlxAccordion can be undocked - extracted from the single layout in order to be displayed separately (in a window of dhtmlxWindows system).

Features

• Cross-browser
• Space-saving way of content organization
• Auto-resizing capabilities
• Common dhtmlx container functionality
• Ability to open several panels independently
• Easy objects detaching
• Destructor for better memory usage
• Easy integration with other dhtmlx components
• Different skins available
• Undockable items

Edition and License

dhtmlxAccordion is available in the Standard Edition only.
Free License allows using Standard Edition of dhtmlxAccordion for free.