Portfilter

Portfilter works by looking at a collection of items and hiding/showing items based on a custom "data-tag-" added to the them.

Buttons can be shown next to each data collection, which when pressed will filter only the items containing a certain data attribute.

The filter can be used with any type of data collections, may them be lists, DIVs, SPANs, table rows, paragraphs, and so on.

A demo is included with the Portfilter package.

Requirements:

• JavaScript enabled on client side
• Bootstrap
• jQuery

Limitations:

• Tested only with Bootstrap 2.x.