$(document).ready(function() { var speed = 1500, // animation speed $wall = $('#modules') ; $wall.masonry({ columnWidth: 100, itemSelector: '.box:not(.invis)', animate: true, animationOptions: { duration: 750, easing: 'linear', queue: false } }); $(window).wresize( function() { $wall.masonry(); }); $('#filtering-nav a').click(function(){ var tagClass = '.' + $(this).attr('class'); var filt = $(this).attr('class'); if(filt=='All') { filt = 'All Categories'; } document.getElementById('filterLbl').innerHTML ='' + filt + ''; if(tagClass=='.All') { // show all hidden boxes $wall.children('.invis') .toggleClass('invis').fadeIn(speed); } else { // hide visible boxes $wall.children().not(tagClass).not('.invis') .toggleClass('invis').fadeOut(speed); // show hidden boxes $wall.children(tagClass+'.invis') .toggleClass('invis').fadeIn(speed); } $wall.masonry(); return false; }); $('#filtered a').click(function(){ document.getElementById('filterLbl').innerHTML =' All Categories '; // show all hidden boxes $wall.children('.invis') .toggleClass('invis').fadeIn(speed); $wall.masonry(); return false; }); });