jQuery实现的点击div区域外隐藏div区域

html

<div class="layui-col-xs6">
   <div class="header-second-btn">
       <div class="header-second-show"  id="header-second-show">
           家长版
           <i class="layui-icon layui-icon-down"></i>
       </div>
       <div class="header-second-option">
           <div>家长版</div>
           <div>老师版</div>
       </div>
   </div>
</div>

js

$(".header-second-show").click(function (e) {
    $(".header-second-option").show()
    console.log("123");
})
$('html').click(function (e) {
    console.log(e);
    console.log(e.target.id);
    if (e.target.id != 'header-second-show')
    $(".header-second-option").hide();
})