Как закрыть окно AnimatedModal, щелкнув снаружи (тело), ​​а не кнопкой закрытия?

Question

Я хотел бы закрыть окно AnimatedModal, щелкнув в любом месте вне коробки. Я не хочу использовать кнопку «х». Я пробовал это, но безуспешно ...

Вот скрипт, он также запускается из AnimatedModal.min.js плагин

 '$("#one").animatedModal();
  $document.body.addEventListener("click", function() {
  var element = document.getElementById(".modal-content");
  if (element) {
      element.style.display = "none";
  }
  });

HTML

  <div id="modal-01">
  <div id="btn-close-modal" class="close-modal-01">&#215;</div>

  <div class="modal-content"><img src="img/img2.jpg" width="100%">

  <div class="project-text">
  Content here 
  </div>
  </div>
  </div>