Question

there are several list filters in jquery (quicksand, filterprojects, etc.), but I am looking to filter divs by class.

I want the same functionality of the above – you select a menu item attached to a class and the other items fade out.

Anyone seen anything like this anywhere?

Answer 1

I ended up using:

    $("#box").click(function() {
$(".box").fadeIn();

});

$("#logo").click(function() {
 $(".box").fadeIn();
$(".box:not(.logo)").fadeOut();

});

$("#print").click(function() {
 $(".box").fadeIn();
$(".box:not(.print)").fadeOut(); 

});

$("#web").click(function() {
 $(".box").fadeIn();
$(".box:not(.web)").fadeOut();

});

and then:

     <li><a  id="box" href="#box">All</a></li>  
 <li><a id="logo" href="#logo">Logo</a></li>  
 <li><a id="print" href="#print">Print</a></li>  
 <li><a id="web" href="#web">Web</a></li>  
 <li><a href="#illustration">Illustration</a></li>  

Which works great, except due to the jquery.masonry.js layout, the areas where the div fades out, there is now an empty spot. I need to figure out how to reload masonry for each onclick so that the remaining items are shuffled into a new layout.

thoughts on that?
and thanks for the help!