jQuery(document).ready(function(){
var
speed = 600, // animation speed
$wall = jQuery(\'#content\').find(\'.tobemasoned .view-content\')
;
$wall.masonry({
columnWidth: 172,
// only apply masonry layout to visible elements
itemSelector: \'.views-row:not(.invis)\',
animate: true,
animationOptions: {
duration: speed,
queue: false
}
});
jQuery(\'.view-header a\').click(function(){
var colorClass = \'.\' + jQuery(this).attr(\'class\');
if(colorClass==\'.all\') {
// show all hidden boxes
$wall.children(\'.invis\')
.toggleClass(\'invis\').fadeIn(speed);
} else {
// hide visible boxes
$wall.children().not(colorClass).not(\'.invis\')
.toggleClass(\'invis\').fadeOut(speed);
// show hidden boxes
$wall.children(colorClass+\'.invis\')
.toggleClass(\'invis\').fadeIn(speed);
}
$wall.masonry();
return false;
});
jQuery(\'#titleButton\').click(function(){
jQuery(".views-field-title").slideToggle(speed, function() { $wall.masonry(); });
return false;
});
jQuery(\'#postDate\').click(function(){
jQuery(".views-field-created").slideToggle(speed, function() { $wall. masonry(); });
return false;
});
});