Start Building Professional
Web Apps Today

Latest update: version 4.6 Download

dhtmlxAccordion allows you to organize your web content in a space-saving way. This JavaScript accordion widget displays multiple panels within a container. Just one of these panels is expanded at a time, while others are collapsed. To see the other panels' contents, the user clicks 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 is light-weight and easy to use and comes with 3 predefined skins. It offers an efficient JavaScript solution for displaying diverse content within expandable panels.

You can also use dhtmlxAccordion in a multi mode, when each panel is displayed independently and can be expanded/collapsed without affecting the others. The end user can also rearrange the panels with simple drag-and-drop actions.

dhtmlxAccordion integrates easily with other components in the DHTMLX product line. It can be easily integrated into an app 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 (IE, FF, Opera, Safari, Chrome)
  • Space-saving way to organize content
  • Auto-resizing capabilities
  • Common DHTMLX container functionality
  • Ability to open several panels independently (multi mode)
  • Easy detaching of objects
  • Destructor for better memory usage
  • Easy integration with other DHTMLX components
  • 3 predefined skins
  • 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.