<ul class="collapsible" data-collapsible="accordion">
          <li ng-repeat="title in sidebar.title">
            <div class="collapsible-header waves-effect waves-green"><a ui-sref="#"><i ng-class="title.icon"></i>{{title.name}}</a></div>

            <div class="collapsible-body">
              <ul>
                <li ng-repeat="subcat in title.subtitle" ui-sref-active="collapsible-body-active">
                  <a class="waves-effect waves-yellow"  ui-sref="{{subcat.state}}">{{subcat.name}}</a>
                </li>
              </ul>
            </div>
          </li>
        </ul>

<ul class="collapsible" data-collapsible="accordion">
          <li ng-repeat="title in sidebar.title" ui-sref-active="collapsible-body-active">
            <div class="collapsible-header waves-effect waves-green"><a ui-sref="#"><i ng-class="title.icon"></i>{{title.name}}</a></div>

            <div class="collapsible-body">
              <ul>
                <li ng-repeat="subcat in title.subtitle">
                  <a class="waves-effect waves-yellow"  ui-sref="{{subcat.state}}">{{subcat.name}}</a>
                </li>
              </ul>
            </div>
          </li>