Accordion List

demo
43

I’ve converted the nightly example in a directive: http://codepen.io/badpenguin/pen/MyJEvy

44

Will this work on ios, android, and windows phone? Or do we have to wait until it gets implemented as a component in ionic?

45

Hello,

I tried to convert it to tsx and angular 2, and got a ORIGINAL EXCEPTION: TypeError: self.context.$implicit is undefined
from [hidden] class

                <button *ngIf="p.items.length"
                        (click)="toggleGroup(p)"
                        [class.active]="isGroupShown(p)"
                        item-stable ion-item>
                    <ion-icon name="{{p.icon}}"></ion-icon>
                    <span>
                        {{p.title}}
                    </span>
                    <ion-icon name="{{isGroupShown(p) ? 'arrow-down' : 'arrow-forward'}}"
                              item-right></ion-icon>
                </button>
                <button *ngIf="p.items.length"
                        *ngFor="let item of p.items"
                        (click)="openPage(item)"
                        [hidden]="!isGroupShown(p)"
                        item-accordion menuClose ion-item>
                    <ion-icon name="{{item.icon}}"></ion-icon>
                    <span>
                        {{item.title}}
                    </span>
                </button>

any thought?

46

Just gonna say it. Having to specify a line-height is lame.

48

Hello, Andy! You’ve done a great job! Would you be so kind to tell me in a few words how to make several separated Accordion Lists? I was struggled with this a few days. All I want is to press the “+” in Group 1 of List 1 in that way that all of List 2 remain untouched.

49

@djett: Hello,

I have placed below code for automatically scrolling up when accordion is clicked but it is not working. So please help me asap.

$timeout(function() {
alert;
$ionicScrollDelegate.resize();
}, 100);

50

Thank u soo much bro.

51

thank you so much guys