محو شدن div

[Taimaz_222]

با سلام
من یک دکمه دارم (کلاس show) که وقتی روش کلیک می کنم یک کادر (کلاس hi) رو ظاهر می کنه. حالا می خوام وقتی بیرون از این دکمه کلیک کردم، کادر محو بشه.
می تونم کاری کنم که وقتی روش کلیک شد، کادر ظاهر بشه، ولی اینکه وقتی بیرون از دکمه کلیک می شه، کادر محو بشه رو نمی تونم.
کد دکمه و کادر به این شکله که وقتی روی کلاس show کلیک می کنم، کلاس hi نمایش داده می شه.

<a class="show" value="safhe">نمایش</a>
<div class="hi">سلام</div
با این کد jquery کاری کردم که این کار رو انجام میده.

$(document).ready(function() {
$('.show').click(function() {
$(".hi").toggle();
});
});
حالا می خوام کاری کنم که وقتی بیرون از کلاس show کلیک شد، کلاس hi محو بشه.
ممنون می شم اگر راهنمایی کنید.

[id1385]

$(document).bind('mousedown', function () {
$(".hi").hide();
});

[SA_Developer]

معمولا اگر روی خود کادر هم کلیک شد نباید بسته بشه

$(function () {
$('.show').click(function () {
$(".hi").toggle();
});

// Close your box if click anywhere else on the page.
$(document).click(function (e) {
var target = e.target;
if (!$(target).is('.show') && !$(target).is('.hi')) {
$('.hi').hide();
}
});
});

JSFIDDLE (http://jsfiddle.net/brbo4snc/)