Esconder DIV ao clicar fora dela

Procurando pela net, encontrei um código que faz com que, ao clicar fora de um determinado elemento, este fique escondido na tela.

Logicamente não tomarei os créditos pelo feito, então informo que o código foi encontrado no site http://www.codigosnaweb.com/  no link que se segue: http://www.codigosnaweb.com/Ocultar-a-div-ao-clicar-fora/3/1016.

Este script faz o seguinte, pega o evento onclick na página, depois, verifica se o mesmo foi ocorreu no elemento de id='clica', nisso, quando o usuário executar o onclick, se clicar fora da elemento visível, este se tornará invisível. Segue o código:

<script>
document.onclick=evento;
function evento(e){ 
var target = (e && e.target) || (event && event.srcElement); 
var obj = document.getElementById('minhadiv'); 
var obj2 = document.getElementById('clica'); 
checkParent(target)?obj.style.display='none':null; 
target==obj2?obj.style.display='block':null; 
} 
function checkParent(t){ 
while(t.parentNode){ 
if(t==document.getElementById('minhadiv')){ 
return false 
} 
t=t.parentNode 
} 
return true 
} </script>

Agora, em sua página, utilize o link que abrirár o elemento (por exemplo uma div) da seguinte forma:

<div id="clica">mostrar div</div>

E o elemento (por exemplo uma div) da seguinte forma:

<div id="minhadiv">meu conteúdo aqui</div>

Abraços, até a próxima.