Afficher, masquer une Div

Bonjour

Je souhaite afficher une div en cliquant sur un lien et masquer cette même div en cliquant n importe où sur la page mais ma div ne s affiche jamais car d apres le teste dans mon code, elle est visible avant qu'elle ne soit effectivement affichée à l’écran.
Mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function showFlags() { $(".div_flag").show(); } $('body').click(function(evt) { if ($(".div_flag").is(":visible")) { alert("visible"); $(".div_flag").hide()   } else { alert("visible NON"); }   });

---

Pouvez vous m indiquer mon erreur et comment y remédier ?

merci pour votre aide.

Hormis le fait que tu ne nous montre pas tout le code fonctionnel nécessaire ...
Tu oublies que le lien doit être sir la page donc prend le click du body, il faut stopper la propagation du click du lien au body:
https://jsfiddle.net/tujzrbsL/1

Merci pour ta réponse.
Je pensais que je jquery suffisait . Voici le reste de mon code

Code:

---

1 2 3 4 5

<a href="javascript:void(0)" onclick="showFlags();"><img src="assets/images/fr.png" width="32" height="32" alt="FR"></a></div> <div class="div_flag"> <div><a href="#"><img style="vertical-align:middle" src="assets/images/fr.png" width="32" height="32" alt="FR">&nbsp;Français</a></div> <div><a href="#"><img style="vertical-align:middle" src="assets/images/en.png" width="32" height="32" alt="FR">&nbsp;English&nbsp;&nbsp;</a></div> </div>

---

Heu ... je pense que tu n'as pas du aller voir le lien fourni ????

Si si j ai suivi le lien et t en ai remercié.

Le code que j affichais était mon code initial, celui que je n avais pas fourni...

mais non ce n est pas celui que j ai modifié à l aide à ta solution.

D ailleurs je m aperçois que j avais oublié de mettre le post en resolu :oops:

Citation:

---

D ailleurs je m aperçois que j avais oublié de mettre le post en resolu

---

C'est ce qui m'a induit en erreur :aie:

:ccool: