How to create clickable list in a list in sidemenu app please help me

1

my code is:-

<ion-content class="has-header my-menu">
<ion-list>
<div ng-controller="SubmenuCtrl"> 
  <ion-list show-reorder = "true">
        <div ng-repeat="elist in elist">
          <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;
             {{elist.cat_name}}
          </ion-item>
          <ion-item class="item-accordion" ng-repeat="item in olist.item" ng-show="isGroupShown(olist)">
            {{olist.name}}
          </ion-item>
        </div> 
    </ion-list>
      </div>
    </ion-list>
  </ion-content>
2

And why are you using two lists?

PS: i formatted your code, you can write 3 ` in a new line to start code-blocks and at the and another 3 of them to close the block.

3

i want to show 3rd level category list and i want to use toggle 1st list and then toggle 2nd list after that i want to add ng-href in 3rd level list.
i have first level and also 2nd but it is only show in my console not in front bcz i split my json in two part.
first one is evenlist and second one is odd list i want merge both in single list