Pb masquer / afficher une div

Bonjour

Je cherche à faire quelque chose qui à priori est simple :
afficher une div quand on click sur une class et masquer cette div si elle est visible quand on clique n importe ou
Petite précision la div que je souhaite afficher/masquer contient des liens pour changer la langue du site donc j aimerai qu ils redirigent...

Voici mon code :

function showFlags() {
    $(".div_flag").show();
}

$(".bt_flag").click(function() {
    alert('bt_flag');
    /* showFlags();*/

});
$(":not('.div_flag')").click(function() {
    alert('Hors div flag');
    /*if ($(".div_flag").is(":visible")) {
          $(".div_flag").hide()
      }*/
});

Mon pb est que si je decommente le code je n ai plus rien qui s affiche.
J ai cherché à comprendre et mis les alertes.
Résultat au click sur bt_flag j ai successivement l alerte 'hors flag, l alerte flag et une série de 5 alertes 'hors flag'.
Je pense que cela est du à la structure de ma page mais comme je m initie à jquery ...

j ai essayé de mettre un stopImmediatePropagation(); pensant que ... mais rien n y fait, je n y parviens pas.

J ai besoin de conseils .
merci pour votre aide
Modifié par rooky06 (08 Jul 2019 - 23:54)

Je suis pas très débrouillard avec JQUERY mais tu peux peut-être regardé ça.
https://www.developpez.net/forums/d1959860/javascript/bibliotheques-frameworks/jquery/afficher-masquer-div/

Si ça t'aide pas redis moi je regarderais ton code

Merci pour ton lien
Je suis en déplacement pour le reste de la semaine, je verrais ça ce week end et reviendrais ici pour mettre en résolu enfin j espère....