Simple examples about how to use jquery.filterprojects. If you want to download the last version take a look to the source at github.

Authors / Genres / Year

By default you can use this plugin to show all the elements that matches with the intersection of the 3 tag groups. They appear and disappear in a random order. You can also control the animation speed and the distance between animations. 

    $("#books").filterprojects({
      filterTagSelector: [ '#author a', '#genre a', '#year a' ]
    });

Filtering posts

Just playing with different options 

    $("#tags").filterprojects({
      animationSpeed: 1000,
      animationPulse: 180,
      randomize: false,
      show: { height: 'show' },
      hide: { height: 'hide' },
      filterTagSelector: [ '#issues a' ]
    });
Our nice tag cloud, click to filter the content :)
  • Rounded corners! FTW.
  • Oh! It's magic
  • What about science uhm?
  • Follow the fron-end man it's a nice guy
  • Just for magic oh!
  • "Arenal de Sevilla y ole! Torre del Oro" a spaniard song
  • Say "display:none" I don't find the object
  • alert("hello world!") nothing special here

Look ma, without animation

I know that some people hate animations :) 

    $("#guitars").filterprojects({
      animationSpeed: 0,
      animationPulse: 0,
      show: { opacity: '1' },
      hide: { opacity: '0.3' },
      filterTagSelector: [ '#guitar-type a', '#guitar-strings a' ]
    });