javascript - 单击 div 内的 div 外部应该关闭

Question

我尝试使用此代码打开内部 div 并关闭 div。但当我点击 div 外部时出现问题，然后它没有关闭。只是当我单击 div 外部时我需要帮助，那么内部 div 也应该关闭。

这是代码:

<div class="userNameBox">prashant birajdar
    <div class="profile" style="display:none" tabindex="-1">
       here is the code.        
    </div>
</div>

这是js代码

$( ".userNameBox" ).click(function() {
  $( ".profile" ).toggle( "slow" );
});

这是 jsfiddel http://jsfiddle.net/prashantbirajdar123/tY2vU/

Answer 1

聆听主体并查看点击声来自何处

$(document).click(function(evt) {
  if($(evt.target).closest(".userNameBox").length===0 && $(".profile").is(":visible")) {
      $(".profile").slideUp( "slow" );
  }
});