jQuery xFilterList is a simple jQuery grid list plugin for easy filter and sorting.

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: github.com

1. INCLUDE JS FILES

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.xfilterlist.js"></script>

2. HTML

It's very easy, defines only your list using an ul and li tags then 

sets your filters in each li tags with the data-filter attribute, it can add many filters for one item.

<ul id="sortlist">
  <li data-filter="programing"></li>
  <li data-filter="programing back-end"></li>
  <li data-filter="programing front-end"></li>
  <li data-filter="graphic-design illustration"></li>
  <li data-filter="webdesign front-end"></li>
  <li data-filter="graphic-design printing"></li>
</ul>

3. JAVASCRIPT

var fl = new xFilterList($('sortlist'), {
  // you can set the margin in pixels
  margin: 5
});

// Filter example
fl.filterBy('programing');

4. OPTIONS

• margin : The margin for items defined in pixels.

5. METHODS

• uFilterList.filterBy(string) : String it's text to filter, it should match to data-filter attribute on li tags matching.