The accordion directive builds on top of the collapse directive to provide a list of items with collapsible bodies that are collapsed or expanded by clicking on the item's header.

Every accordion is two parts: <<uib-accordion> and <uib-accordion-group. Now this may seem counter intuitive but it makes sense if you think about an actual accordion.

For additional documentation, see UI-Bootstrap's documentation or see the examples below