Filtrify is a jQuery plugin that displays a drop down selection menu (or multiple menu’s from different categories) with a list of tags that filter items based on the HTML5 data attribute.
The tags in the menu are automatically populated from the data provided in the items data attribute and are grouped by category. For example:
<li data-genre="pop, rock, british, classic rock, The Beatles"></li>
The plugin has some useful options where you can choose not to hide selected items by default and do other things like apply different CSS instead. Also, if you are already using the data attribute in the HTML, you can choose to block some metadata so that it is not recognised as a category.