# Accordion List / insert a description in submenu

**URL:** <https://forum.ionicframework.com/t/accordion-list-insert-a-description-in-submenu/52005>\
**Category:** ionic-v1\
**Created:** [May 13, 2016, 8:56pm UTC](https://forum.ionicframework.com/t/accordion-list-insert-a-description-in-submenu/52005 "2016-05-13T20:56:39Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gHashTag](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ghashtag/32/100461_2.png) [@gHashTag](https://forum.ionicframework.com/u/gHashTag)\
**Post date:** [May 13, 2016, 8:56pm UTC](https://forum.ionicframework.com/t/accordion-list-insert-a-description-in-submenu/52005/1 "2016-05-13T20:56:39Z")

</div>

How to insert a description in submenu?

> **[ONGjYZ](https://codepen.io/gHashTag/pen/ONGjYZ)**
>
> ...

---

<div class="post-metadata">

**Author:** ![mgochoa](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mgochoa/32/100476_2.png) [@mgochoa](https://forum.ionicframework.com/u/mgochoa)\
**Post date:** [May 14, 2016, 7:16am UTC](https://forum.ionicframework.com/t/accordion-list-insert-a-description-in-submenu/52005/2 "2016-05-14T07:16:23Z")

</div>

I think i found it.

You just have to insert toggle items with html and css, and then configure its respective controller.

Look at this

**Codepen**

> **[Accordion List: Nightly](https://codepen.io/ionic/pen/uJkCz)**
>
> An Ionic list directive...

* * *

Look the code you can use for your list:

```auto
<ion-list>
        <div ng-repeat="group in groups">
          <ion-item class="item-stable"
                    ng-click="toggleGroup(group)"
                    ng-class="{active: isGroupShown(group)}">
              <i class="icon" ng-class="isGroupShown(group) ? 'ion-minus' : 'ion-plus'"></i>
            &nbsp;
            Group {{group.name}}
          </ion-item>
          <ion-item class="item-accordion"
                    ng-repeat="item in group.items"
                    ng-show="isGroupShown(group)">
            {{item}}
          </ion-item>
        </div>
      </ion-list>

```

I hope this works for you.

---

<div class="post-metadata">

**Author:** ![gHashTag](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ghashtag/32/100461_2.png) [@gHashTag](https://forum.ionicframework.com/u/gHashTag)\
**Post date:** [May 14, 2016, 11:17am UTC](https://forum.ionicframework.com/t/accordion-list-insert-a-description-in-submenu/52005/3 "2016-05-14T11:17:43Z")

</div>

I do not understand(