0

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

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

1 ответ 1

2

Пример кода

$(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>

4
  • И первый и второй пример работают, но к сожалению если кликать по самой кнопке, чтобы закрыть див, то корзина исчезает и сразу появляется 19 ноя 2017 в 10:25
  • @Denis Denis посмотрите пример кода 19 ноя 2017 в 10:33
  • точно также( если кликать по области, то все супер, если закрывать кнопкой .bt то идет постоянный slideToggle 19 ноя 2017 в 10:37
  • @Denis Denis поправил 19 ноя 2017 в 10:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.