Ocultar e Mostrar Produto

[Rogério Bonfim 0]

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
});

[L. Henrique 179]

Rogério,

Vamos lá... Você pode chamar por classe, ou seja, todos os vulcanizados recebem uma classe "vulcanizados" e eles são chamados pelo jQuery.

Exemplo:

$('#vulcanizados').click(function() {
   $('.vulcanizados').show();
});

Até ai tudo simples, certo?

Você também pode adicionar que, o que não possui classe vulcanizados, recebe a propriedade hide(). Mas pra que isso não ocorra com toda a página, você pode definir somente o que está dentro de um elemento pai X.

Isso te ajuda?