clic ferme element

Bonjour,

J'un problème que je n'arrive pas à résoudre.

J'ai un élément myDiv dans ma page html.

Je souhaiterais que si on clique n'importe où dans la page, l'élement devienne invisible, sauf si on clique sur l'élément en question.

J'ai fait ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <body onClick="javascript:close();"> <div id="myDiv"> hello </div> <script type="text/javascript"> function close(){ document.getElementById("myDiv").style.display = "none"; } </script> </body> </html>
mais si on clique sur l'élément, il devient aussi invisible.

Quelqu'un a une idée ?

J'ai essayé de jouer sioux en faisant ceci, mais ne fonctionne pas ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <body onClick="javascript:close();"> <div id="myDiv" onClick="javascript:appear();"> hello </div> <script type="text/javascript"> function close(){ document.getElementById("myDiv").style.display = "none"; } function appear(){ document.getElementById("myDiv").style.display = "block"; } </script> </body>