Mise en cache du click sur élément ?

Bonjour à tous,
Je rencontre ce problème depuis quelque temps et je ne trouve la réponse nulle part. (je suis débutant)

Je souhaite rendre une div ou tout autre element cliquable plusieurs fois d'affilée.
J'ai l'impression que le navigateur met le click en cache et du coup je ne peux pas cliquer 2 fois d'affilée, je suis obligé de cliquer sur un autre élément de la page pour pouvoir cliquer a nouveau sur celui ci.

Le script :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 $(document).ready(function(){ var clicker = 0; if(clicker) { $('div#d').click(function() { clicker = 0; $('div#d2).css("display", "none"); }); } else { $('div#d').click(function() { clicker = 1; $('div#d2').css("display", "block"); }); } });
Merci si vous avez une idée :)

le code dans "$(document).ready(..." est seulement exécuté au démarrage de la page.
donc avec clicker = 0, seul la partie "else" est lancée

pour faire un bouton qui cache / affiche, vous pouvez faire cela en jQuery :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <html> <head> <meta charset="UTF-8"/> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <style> .cacher { display : none; } </style> </head> <body> <script> $(function () { $('#d').click(function () { $('#d2').toggleClass("cacher"); }); }) </script> <div id="d">afficher / cacher</div> <div id="d2" class="cacher">div#d2</div> </body> </html>
pour plus d'informations sur "toggleClass" ou une autre méthode jQuery, regardez là :
http://api.jquery.com/toggleClass/

Bonjour,
Merci pour votre réponse cela fonctionne bien :)
J'ai aussi trouvé ceci:
Code:

1 2 3 4 5 6 <script> $('#d').click(function () { $('#d2').toggle() }); </script>
Est-ce qu'il y a une différence au niveau de performances ou de compatibilité avec votre méthode ? (ou autre)