Nested accordion list

1

Hey guys. Did anyone try to create the nested accordion list in Ionic, please? I need maybe 3 or 4 levels, not just one like in the demo.

http://codepen.io/ionic/pen/uJkCz

2

Have you found a solution? I’m also wanting to create this, but for just 2 levels.

3

This might help.

See the Pen Ionic - Accordion with sub items by Leftyx (@Leftyx) on CodePen.

4

I’ve wroted this directive, it works nested too http://codepen.io/badpenguin/pen/MyJEvy

5

change original controller.js

$scope.shownGroup = [];
/ACCORDION/
$scope.toggleGroup = function (group) {
if ($scope.isGroupShown(group)) {
$scope.shownGroup.splice($scope.shownGroup.indexOf(group), 1);
} else {
$scope.shownGroup.push(group);
}
};
$scope.isGroupShown = function (group) {
return $scope.shownGroup.indexOf(group) > -1;
};

6

Hi!

I’ve found this example but it stops at 3rd level (leaf nodes only). I think adding more level (e.g. up to 5) can be too much tricky. What do you think?