Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

29 lines (24 sloc) 1.17 KB


A very simple wrapper for quicksand implementing basic css selector filtering

(Quicksand is the great work by razorjack, but if you're using it with inline or inline-block elements I suggest this fork which is compatible with inline elements that have separating whitespace)

    <button onclick="$('#container').quicksandfilter('')">All</button>
    <button onclick="$('#container').quicksandfilter('.a')">A</button>
    <button onclick="$('#container').quicksandfilter('.b')">B</button>
    <button onclick="$('#container').quicksandfilter('.c')">C</button>
    <button onclick="$('#container').quicksandfilter('.odd')">Odd</button>
    <button onclick="$('#container').quicksandfilter('.even')">Even</button>
    <ul id="container">
      <li class="a odd">a1</li>
      <li class="b even">b2</li>
      <li class="c odd">c3</li>
      <li class="a even">a4</li>
      <li class="b odd">b5</li>
      <li class="c even">c6</li>
      <li class="a odd">a7</li>
      <li class="b even">b8</li>
      <li class="c odd">c9</li>
      <li class="a even">a10</li>
Jump to Line
Something went wrong with that request. Please try again.