Here are some Angular 2 Accordions Demos which will hopefully save you time looking for links to demos and articles on how to code this in ng2/typescript. Some have good demos and some are just options for accordions.
1. Angular2 Accordion using bootstrap3
Simple accordion control for your angular2 applications using bootstrap3. Does not depend of jquery. If you don’t want to use it without bootstrap – simply create proper css classes. Please star a project if you liked it, or create an issue if you have problems with it.
2. Boostrap 4 Angular Accordion Component TypeScript
The NgbAccordion directive is a collection of panels. It can assure that only panel can be opened at a time.
3. Angular 2 Accordion Component
Simple Angular 2 accordion component with smooth transitions/animations
4. IntegralUI Accordion for Angular 2
IntegralUI Accordion is a native Angular 2 component that represents a list of expandable panels arranged horizontally or vertically. It is a more advanced version of Accordion directive for AngularJS. In this article, we will give detailed information on what features are included in Accordion component.
5. Accordion for Angular2 App
Super nice accordions wih animation for angual2 apps based on bootstrap3.
6. Angular Material Expansion Panels
Expansion panels contain creation flows and allow lightweight editing of an element.
7. Ng2 Zippy (Accorn type) Component
This component demonstrates the basics of how data flow in Angular 2 using component inputs and outpus works. Whenever you open or close the component, it emits an event which logs the state in the application.
More coming soon…