Collapse of options
Click the buttons below to show and hide another element via class changes:.
Link with href Button with data-target Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Collapse of options Group Item 2 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Collapsible Group Item 3 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
This attribute explicitly defines the current state of the collapsible element to screen readers and similar assistive technologies.
- Bootstrap - Collapse Plugin - Tutorialspoint
- javascript - Collapse Dropdown of Select Box - Stack Overflow
The plugin will automatically toggle this attribute based on whether or not the collapsible element has been opened or closed. Additionally, if your control element is targeting a single collapsible element — i.
Modern screen readers and similar assistive technologies make use of this attribute to provide users with additional shortcuts to navigate directly to the collapsible element itself.
Usage The collapse plugin utilizes a few classes to handle the heavy lifting:. The data-target attribute accepts a CSS selector to apply the collapse to. Be sure to add the class collapse to the collapsible element.
Refer to the demo to see this in action.
