jquery .toggle()

[Matheus P. 1]

Preciso de um help com o toggle ou show/hide

Eu estou fazendo um filtro na parte de trabalhos, e ao clicar no botão de "website", esconder todos que possuem uma categoria diferente.

O nome ou id da categoria é adicionado nos itens do portfólio e nos botões por PHP OO.

Botão:

<button id="toogle-categoriaID">Website</button>

 

Portfólio:

<div data-cat="1">...</div>

[Snowden 94]

$('button[id^="toogle-categoria"]').click(function(){

var ID = $(this).attr('id').replace(/\D/g, '');

$('div[cat-id="'+ID+'"]').fadeIn();

$('div[cat-id!="'+ID+'"]').fadeOut();

});

 

[Matheus P. 1]

Ao clicar, some tudo da tela, sim, fica tudo branco, meu código ficou assim:

    $('button[id^="toogle-categoria-"]').click(function(){
        var ID = $(this).attr('id').replace(/\D/g, '');
        $('div[cat-id="'+ID+'"]').fadeIn();
        $('div[cat-id!="'+ID+'"]').fadeOut();
    });

<?php foreach($categories as $c) { ?>
   <button id="toogle-categoria-<?php echo $c['Category']['id']; ?>"><?php echo $c['Category']['name']; ?></button>
<?php } ?>

<div class="col-md-4 col-sm-6 col-xs-12" data-cat="<?php echo $p['Category']['id']; ?>">
 ...
</div>

[Snowden 94]

//$('div[cat-id="'+ID+'"]').fadeIn();

//$('div[cat-id!="'+ID+'"]').fadeOut();

 

$('div[data-cat="'+ID+'"]').fadeIn();

$('div[data-cat!="'+ID+'"]').fadeOut();

[Matheus P. 1]

Realizei algumas pequenas alterações e funcionou, grato!