Expand and collapse lists.
$ component install component/more
var more = require('more');
var list = document.querySelector('ul');
more(list)
.max(5)
.more('Show more')
.less('Show less')
.render();
Change max number of list items shown when collapsed, defaults to 5
.
Change label
from default of "More".
Change label
from default of "Less".
Render the list, adds the appropriate more / less link depending on the state.
Expand the list and re-render.
Collapse the list and re-render.
String representing the state. Either "expanded", or "collapsed".
MIT