Закрыть блок по клику на область

233

20 ноября 2017, 19:50

Есть кнопка, по клику вылазит корзина. Подскажите, как закрыть корзину по клику на любую область экрана за пределами корзины ? Сейчас корзина закрывается только по клику на кнопку.

    $('.header-cart').click(function(){
        $('#cart').fadeToggle();
    });

Answer 1

Пример кода

$(document).ready(function() { 
  $(".bt").click(function() { 
    $(this).next().slideToggle(); 
  }); 
 
  $(document).mouseup(function(e) { 
    if (!$(e.target).closest(".content").length) { 
      $('.wrap').hide(); 
    } 
    e.stopPropagation(); 
  }); 
});

.wrap { 
  display: none; 
  border: 1px solid #000; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="content"> 
<button class="bt">Корзина</button> 
<div class="wrap"> 
  контент 
</div> 
</div>