скрыть div на случайный щелчок, используя jquery

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');  
    }); 
}); 

Bind событий для body и проверить условия внутри него.