Débug / Amélioration jQuery

Bonjour,

Je recherche une freelance pour m'aider à corriger un petit script jQuery.

Le but est de pouvoir afficher / masquer des éléments (des divs) en fonction du bouton radio sélectionné.

Une démo est visible sur codepen : [URL visible pour les membres Pro]

Dans le 1er encart, lorsque vous cliquez sur "Filtre 2", cela affiche la div ayant pour texte "Div qui sera affichée lorsque Filtre 2 est actif".

La logique derrière est extrêmement basique : On récupère l'id et le name du bouton radio sélectionné, et on affiche les divs concernées et on masque toutes les autres.

Maintenant, si vous cliquez sur le bouton "Filtre 3", dans le 1er encart, cela aura aussi pour conséquence de l'afficher dans le 2ème encart.

L'objectif de cette mission sera de corriger ce comportement car un. Cet effet de bord ne doit pas exister. Concrètement, il faudrait qu'un bouton ayant comme attribut name "filtre-primaire" ne vienne pas faire des traitements sur ceux ayant comme attribut name "filtre-secondaire".

Le script peut être totalement réécrit si besoin (si vous avez des améliorations à proposer je suis tout ouïe). La seule condition sera de conserver cette "architecture" d'objets dans la convention de nommage.

Le projet peut être corrigé directement sur le codepen.

Merci par avance.