Multiple toggle jquery

Question

Pourriez-vous m'aider avec un problème? J'ai besoin de plusieurs sélection de catégories pour le même temps ainsi que le bouton «Tous» qui va basculer tous les éléments.

Voici un code:

$(function() { 
//All Category 
    $('#5').click(function(){ 
    $('ul.thumbs').toggle();}); 
//First Category 
    $('#6').click(function(){ 
    $('a.6').toggle();}); 
//Second Category 
    $('#7').click(function(){ 
    $('a.7').toggle();}); 
//Third Category 
    $('#8').click(function(){ 
    $('a.8').toggle();}); 
    }); 

Et est par exemple de lien ici:

<a class="6"><img src=""></a> 

à savoir dans un numéro de catégorie de magasin de classe I Maintenant ça ne marche pas si bien. Lorsque vous cliquez sur un lien de catégorie, il apparaît ou disparaît à droite. Mais lorsque vous cliquez sur le lien "Tous", cela active/désactive uniquement les catégories qui n'ont pas été activées. Je ne suis pas gourou jquery et ne pense pas que je vais trouver des décisions par moi-même. Toute aide sera appréciée.

Answer 1

Dans un premier temps, vous ne devez pas commencer le nom de classe et les ID avec un nombre.

Désormais, vous pouvez masquer les éléments visibles et les masquer. Lorsque vous basculez tous les éléments, les éléments précédemment masqués seront affichés. Peut-être que vous devez remplacer toggle avec hide() et show(), selon ce que vous essayez d'atteindre.