Close the search form by clicking on it?

Question

JavaScript

Please help with the script to close the search past its div

$('.header-search-wrapper .search-main').click(function(){
    $('.search-form-main').toggleClass('active-search');
    $('.search-form-main .search-field').focus();

<div class="header-search-wrapper">
  <span class="search-main">
    <i class="fa fa-search"></i>
  </span>
  <div class="search-form-main clearfix">
<form role="search" method="get" class="search-form" action="' . home_url( '/' ) . '" >
 <label>
<input type="text" value="' . get_search_query() . '" name="s" class="search-field" id="s" placeholder="Поиск" />
 <input type="hidden" name="post_type" value="product" class="search-submit" >
</label>

 </form>
<div class="result-search">
    
<div class="result-search-list"></div>
</div>
 </div>
</div></code lang="html">

Answer 1

$(window).on('click', function(evt) { // слушаем все клики
  if (!evt.target.closest('.search-wrapper')) { // если клик не внутри .search-wrapper
    $('.search-wrapper').hide(); // скрываем
  }
});