nzAccordiScroll
A superlative, scrolling accordion directive for AngularJS. This ain't yo grandma's accordion...
Demo
Install
bower install nz-accordi-scroll
- Include the
nzAccordiScroll.js
file - Include
nzAccordiScroll
as a dependency (i.e. inapp.js
) - For basic styling tips, see the demo/example
Utilize Like So:
Basic Usage:
<div nz-accordi-scroll> <stack>Stack 1</stack> Some Content... <stack>Stack 2</stack> Some Content... <stack>Stack 2</stack> Some Content... </div>
Custom Top/Bottom Max's:
<div nz-accordi-scroll show-stacks="[4, 4]" or show-stacks="4"> <stack>Stack 1</stack> Some Content... <stack>Stack 2</stack> Some Content... <stack>Stack 2</stack> Some Content... </div>
Custom Collapse Size:
<div nz-accordi-scroll collapse-size="10"> <stack>Stack 1</stack> Some Content... <stack>Stack 2</stack> Some Content... <stack>Stack 2</stack> Some Content... </div>
Happy AccordiScrolling!