Bonjour,

J'ai dans mon code la situation suivante :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<a onclick="displayZone();" id="link-zone">Afficher Zone</a>
<div id="zone" style="display: none;">
BLA BLA BLA BLA
</div>
Pour gérer l'affichage de ma zone, j'ai un .js avec :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
$(function() {
	$('#link-zone').click(
		function(event){
			$('#zone').show();
		}
	);
});
Jusque là tout fonctionne très bien, quand je clique sur mon lien, ma zone s'affiche.

Ma requête : j'aimerais qu'une fois ma zone affichée, elle disparaisse lorsque je clique HORS de cette zone.

Comment faire ? Des idées ? Des pistes ?

Merci par avance !