jQueryとskOuterClickライブラリを使用した要素の外側クリックイベントの取得

HTML

<script src="http://iwb.jp/s/js/jquery.skOuterClick.js"></script>
<button>aaaaa表示・非表示</button>
<div id="s">
ボタンをクリックすると<br>
表示・非表示を交互に行います。<br>
外側をクリックすると非表示になります。
</div>

CSS

#s {
	display: none;
	width: 300px;
	padding: 50px 10px;
	border: 1px solid #CCC;
	background: #EEE;
	text-align: center;
}

JavaScript

$("button").click(function(e){
	e.stopPropagation();
	$("#s").toggle();

});

$("#s").skOuterClick(function(){
	$(this).hide();
});