Accordion

Introduction

The Accordion is a control that can contain N sections into which you can embed any control. Each section is represented by a title and the content. Always one section can be opened at the same time. You can react on section opening and closing. If no default section is provided, the firstly enabled section will be set as the default one and will be re-opened once the user closes another section. The user can drag and drop sections with the mouse or using keyboard shortcuts.

Following the list of available keyboard shortcuts: Arrow up or Arrow left: Navigate to the section title which was previously enabled. Arrow down or Arrow right: Navigate to the next section title which is enabled. Ctrl + up: Drag and drop a section above. Ctrl + down: Drag and drop a section below. Ctrl + pageUp: Move the focus to the first focusable element of the previous section which is focusable. Ctrl + pageDown: Move the focus to the first focusable element of the next section which is focusable.

In the program, applications using the Accordion control can also call openSection to open a specific section and closeSection to close the given section and re-open the default section.

Example


API Documentation

See API documentation