Expand and collapse lists
JavaScript CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.gitignore
Makefile
Readme.md
component.json
index.js
more.css
package.json

Readme.md

more

Expand and collapse lists.

Installation

$ component install component/more

Example

var more = require('more');
var list = document.querySelector('ul');

more(list)
  .max(5)
  .more('Show more')
  .less('Show less')
  .render();

API

More#max(n)

Change max number of list items shown when collapsed, defaults to 5.

More#more(label)

Change label from default of "More".

More#less(label)

Change label from default of "Less".

More#render()

Render the list, adds the appropriate more / less link depending on the state.

More#expand()

Expand the list and re-render.

More#collapse()

Collapse the list and re-render.

More#state

String representing the state. Either "expanded", or "collapsed".

License

MIT