使用jquery随机点击隐藏div

Question

我有一个搜索图标，点击它打开的搜索栏并隐藏菜单，但现在我想在随机点击页面时关闭搜索div。我试图成功，但我失败了，请帮助：

<script>
    $(document).ready(function(){
        $('a#top-search').click(function(){
            $('#searchform').toggleClass('block');
            $('.main-nav').toggleClass('none');
        });
        if ($('#searchform').hasClass('block')){
            $(body).click(function(){
              $('#searchform').addClass('none');    
            }); 
        };
    });
</script>

Answer 1

尝试重写这样的代码，

$("body").click(function(){
  if($('#searchform').hasClass('block')){
    $('#searchform').addClass('none');    
  }); 
});

将事件绑定到body并检查其中的条件。