Easily create bootstrap accordions in the Umbraco Grid Editor
Add the Bootstrap Accordion editor to the Grid Data Type of your choice by selecting a row configuration, and allowing all editors or adding the "Bootstrap Accordion" editor for the desired row.
Add the bootstrap accordion editor to a row in the grid editor:
Ensure Bootstrap CSS/JS is loaded onto the page that is rendering the accordion.
Set the accordion parent value as a CSS selector for a common ancestor of the collapsible panels you wish to be grouped as an accordion. This works by setting the data-parent attribute on the collapsible panel. Please ensure the parent target has the panel grouping class applied.
Example element structure: Example
This project was built using the umbraco yeoman generator.
Please view this project if you wish to modify the source of this project: Github