var fActive = '';

function filterColor(color){
  if(fActive != color){
    $('div').filter('.'+color).slideDown();
    $('div').filter(':not(.'+color+')').slideUp();
    fActive = color;
  }
}

$('.f-red').click(function(){ filterColor('red'); });
$('.f-blue').click(function(){ filterColor('blue'); });
$('.f-green').click(function(){ filterColor('green'); });

$('.f-all').click(function(){
  $('div').slideDown();
  fActive = 'all';
});