http://jsfiddle.net/fPEUP/2/
<style>
body {
color: gray;
}
#a {
color: red;
}
#login_box {
border: 2px red dashed;
color: black;
}
</style>
<body>
скройся!
<div id="a" class="login">появись!</div>
<div id="login_box">скрывалка появлялка</div>
</body>
<script>
var b = document.getElementById("login_box");
document.body.onclick = function(a) {
b.style.display = ~(a ? a.target : event.srcElement).className.indexOf("login") ? "block" : "none"
}
</script>