div元素显示隐藏切换，点击空白位置消失

HTML

<div class="clickthis" onclick="showHide()">举例点击这个</div>
<div class="triggerthis">举例显示隐藏这个</div>

CSS

.triggerthis {
   display:none;
}

JavaScript

$(function () {
   $(document).bind("click",function(e){
        var target  = $(e.target);
        if(target.closest(".clickthis").length == 0){
           $(".triggerthis").hide();
        }
    })
})

function showHide(){
    $(".triggerthis").show()
}