0

I m using office ui fabric dropdown with office ui accordion . Is there any way to reset accordion items to collapsed mode after changing dropdown value.

                    <Dropdown
                placeholder="Choose One"
                label="Select A Value"
                id="Basicdrop1"
                ariaLabel="Basic dropdown example"
                options={this.state.teams}
                componentRef={this._basicDropdown}
                onChange={this.dropdownChange.bind(this)}
            />
                    <FocusZone>
                    <Accordion defaultCollapsed={this.state.accordionCollapsed}>
                        <Accordion.Item titleProps={{ text: 'Member permissions Enable channel creation, adding apps and more' }} className="teamSettingsAccordionHeader" defaultCollapsed={this.state.accordionCollapsed}>
                            <Checkbox defaultChecked={this.state.allowCreateUpdateChannels} label='Allow creating and updating channels' boxSide="end" onChange={this._onCheckboxChange} />
                            <Checkbox defaultChecked={this.state.allowDeleteChannels} label='Allow members to delete and restore channels' boxSide="end" onChange={this._onCheckboxChange} />
                            </Accordion.Item>
                            </Accordion>
                            </FocusZone>

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged or ask your own question.