Ocultar e Mostrar Produto

Pessoal estou desenvolvendo uma página para uma de minhas clientes porem preciso que ao

clicar em uma categoria ele mostre os produtos da categoria clicada e esconda o das outras categorias

se já estiverem visíveis.

estarei enviando uma imagem abaixo e um código que eu acho que esteja perdo do que eu estou tentando fazer:

$('.showprods').click(function(e) {
 e.preventDefault();

 if ( $('.showprods').hasClass('ativo') ) {
 $('.ativo').hide();
 $('.showprods ul').removeClass('ativo');
 $(this).find('ul').slideToggle('slow');
 }else{
 $(this).find('ul').slideToggle();
 $(this).find('ul').addClass('ativo');
 }
 console.log(click);
 //do other stuff when a click happens
});

/applications/core/interface/imageproxy/imageproxy.php?img=https://dl.dropboxusercontent.com/s/7nspqyunmvoziym/forum.jpg?dl=0&key=bd6466d8b26322526ad37a602da29b999e6ee682784df85a8e9feb36ed5eed47" alt="forum.jpg?dl=0" />