Publicado em 27 de jul.

.toggle()

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:

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Snowden· 27 de jul.

$('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.· 27 de jul.

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· 27 de jul.

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

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

 

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

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

Matheus P.· 27 de jul.

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