Webix 11.4 Released Read More New Features in Core, Kanban & Rich Text Editor, plus a Powerful SpreadSheet Update
Back
Download
En
Choose language
En
Ru Kr
En
En
Ru Kr
Download

JavaScript Accordion Widget

The Accordion widget allows you to place multiple panels with content in a space-saving manner. With JavaScript Accordion, you can hide areas of information and activate them with a click. As a result, users will see only the panels they currently need.

Accordion live demo

Accordion Key Features

Collapsible panels

The panels of this JavaScript accordion control can be easily expanded and collapsed by clicking on its header, leaving only the info that you need on the web page at the moment.

Manipulating content visibility

The behavior of Accordion panels can be adjusted to your needs to show some content and hide another. By default only one panel can be visible while the others are collapsed. You can change this mode and make all the panels collapsed or expanded at a time. What is more, you can mix the two described modes to get a combined variant.

Container for other widgets

You can put various Webix widgets into Accordion panels to save a significant amount of space on your webpage.

Vertical/Horizontal arrangement

The columns and rows of the Accordion control can be easily organized vertically or horizontally, allowing you to adjust the widget to the existing web-site design.

Accordion – Part of Webix UI Library

Get a 30-day free trial to test Accordion along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.
Try Webix

Accordion functionality

Accordion – Part of Webix UI Library

Get a 30-day free trial to test Accordion along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.
Try Webix
© 2013-2026
All product and company names herein may be trademarks of their respective owners.
Rating 4.7
based on reviews of 49 customers