Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Update README.md

Add sample code
  • Loading branch information...
commit c68f80205f91563720e2c594e6ba5991e8a742f9 1 parent 2940f79
@cjc authored
Showing with 21 additions and 5 deletions.
  1. +21 −5 README.md
View
26 README.md
@@ -1,10 +1,26 @@
quicksandfilter
===============
-A very simple wrapper for quicksand implementing basic css selector filtering
-
-Provides basic filtering using (quicksand)[1]
-
-[1]: https://github.com/razorjack/quicksand
+A very simple wrapper for [quicksand](https://github.com/razorjack/quicksand) implementing basic css selector filtering
+```
+ <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>
+ </ul>
+```
Please sign in to comment.
Something went wrong with that request. Please try again.