Permalink
Browse files

Update README.md

Add sample code
  • Loading branch information...
1 parent 2940f79 commit c68f80205f91563720e2c594e6ba5991e8a742f9 @cjc committed Nov 17, 2012
Showing with 21 additions and 5 deletions.
  1. +21 −5 README.md
View
@@ -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>
+```

0 comments on commit c68f802

Please sign in to comment.