рони,
Ну для полного счастья обернуть всё в анонимную функцию
(function() { ... }());
=============
Иначе есть древний велосипед,
чтимый начинающими:
<!DOCTYPE>
<html>
<head>
<style>
#closeButton,
a {
cursor:pointer;
}
#closeButton{
display:inline-block;
float:right;
margin-right:12px;
margin-top:-12px;
}
#divwin4 {
padding:12px;
border:red solid 1px;
border-radius:12px;
}
</style>
<script>
window.onload=function(){
document.body.onclick=function(){
if(µ) {µ =false; return;}
document.getElementById('divwin4').style.display="none"
}
}
</script>
</head>
<body style="min-height:400px">
<div id="btopen">
<a onclick="document.getElementById('divwin4').style.display='block';µ=true">Открыть</a>
</div>
<div id="divwin4" style="display:none" onclick="µ=true">
<span id="closeButton" onclick="document.getElementById('divwin4').style.display='none';µ=true;">Х</span>
Текст который открывается
</div>
</body>
</html>