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()
}