Control the Behavior

By default, exactly one panel can be in the expanded state at one moment. To change this, switch the collapsible and multiple options to true.

jQuery

JavaScript

$(function () {
    $("#accordionContainer").dxAccordion({
        // ...
        // All panels may be collapsed
        collapsible: true,
        // Multiple panels may be expanded
        multiple: true
    });
});

Angular

HTML

TypeScript

<dx-accordion
    [collapsible]="true" <!-- All panels may be collapsed -->
    [multiple]="true">   <!-- Multiple panels may be expanded -->
</dx-accordion>

import { DxAccordionModule } from "devextreme-angular";
// ...
export class AppComponent {
    // ...
}
@NgModule({
    imports: [
        // ...
        DxAccordionModule
    ],
    // ...
})

Control the Behavior

jQuery

Angular

See Also