jQuery hide show

[SLEE]

I need to be able to filter some divs.
I would like to be able to click a link and use the links value to decide which divs should show and then hide the others.
So far I've got the following but it is not working:

Code:

$('.catLink').click(function() {

var filterCat = $(this).val();

  $('.single_product_display').each(function(index) {
$(this).not('div[class="'+filterName+'"]"').hide();
  });
 
});

This code successfully hide them all:

Code:

$('.catLink').click(function() {

var filterCat = $(this).val();

  $('.single_product_display').each(function(index) {
$(this).hide();
  });

});

I just need to figure out how to pass in the links value and use that to show those by the class name.

can anyone help?

[SLEE]

Figured it out: http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-filterable-portfolio-with-jquery/