jq点击其他区域隐藏元素

<input type="text"  readonly onclick="pullDownDiv" id="sexinp">
<img src="../../assets/images/common/pull-down.png" alt="" class="pull" id="pull_img" onclick="pullDownDiv">
 <div class="sele-grade sex">
         ......
 </div>

function pullDownDiv() {  // 显示元素
  $("#pull_img" ).next().stop().slideToggle(200)
}
$(document).click(function () {  // 点击任意地方元素隐藏
        $(".sele-grade").hide()
});
$("#sexinp").click(function (event) {  // 规定元素不受隐藏限制
        event.stopPropagation();
 })