Comment fermer une infobulle avec le plugin GMAP3 de JQuery ?

Bonjour,
J’utilise le plugin jquery GMAP3.
Le problème c’est que quand on clique sur le marqueur il affiche bien une infobulle. Mais je n’arrive pas à le faire disparaître lorsque je click sur la petite croix rouge.

Voici le code :
https://jsfiddle.net/bbug6spw/

J’ai codé une petite fonction jquery pour cacher l’infobulle mais je ne comprends pas pourquoi il ne fonctionne pas.

Code:

---

1 2 3 4 5

$(".close").click(function() { console.log("ok"); $( ".infobulle" ).hide();   });

---

Merci de votre aide.

Bonjour,

Voici ma solution :)

https://codepen.io/anon/pen/rvrGxa

Bonjour,
sans passer par une fonction externe tu peux également écrire

Code:

---

1 2 3 4 5 6 7

content: "<div class='infobulle" + (context.data.drive ? " drive" : "") + "'>" + "<div class='close' onclick='$( this).parent().hide()'>X</div>" + "<div class='bg'></div>" + "<div class='text'>" + context.data.city + " (" + context.data.zip + ")</div>" + "</div>" + "<div class='arrow'></div>",

---