Start Building Professional
Web Apps Today

Latest update: v.3.6 build 130619 Download

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 the other panels' contents, just click on the appropriate header, and the chosen panel will open smoothly. This popular visual element is built entirely in JavaScript and works correctly in all major web browsers (FF, IE, Opera, Safari, Chrome).

Live demo

The content displayed in the panels can include any object, URL, or other DHTMLX component, such as Tree, Grid, DataView, etc. dhtmlxAccordion offers multiple visual skin choices so it can be easily customized to any design. This Ajax accordion component is light-weight and easy to use. It offers an efficient JavaScript solution for displaying diverse content within expandable panes.

dhtmlxAccordion integrates easily with other components in the DHTMLX product line. It can be easily integrated into application built with 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 the dhtmlxWindows system).


  • Cross-browser
  • Space-saving way to organize content
  • Auto-resizing capabilities
  • Common DHTMLX container functionality
  • Ability to open several panels independently
  • Easy detaching of objects
  • Destructor for better memory usage
  • Easy integration with other DHTMLX components
  • Different skin choices available
  • Undockable items
View Feature Details

Edition and License

dhtmlxAccordion is available in Standard Edition only - Download dhtmlxAccordion - JavaScript/Ajax Accordion ControlDownload

You can use dhtmlxAccordion for free under GNU General Public License v2, or Free License that allows you to use the component in a non-GPL application/website.

Open Source - GPL v2 - Allows you to use dhtmlxAccordion in open source, GPL-ed projects for free.

Free License - Allows you to use dhtmlxAccordion in non-GPL, proprietary projects (applications) at no charge.