如何通过单击外部（正文）而不是单击关闭按钮来关闭AnimatedModal框？

Question

我想通过单击任意位置来关闭我的AnimatedModal框 在盒子外面。我不想使用“ x”按钮。 我已经尝试过了，但是没有成功...

这是脚本，它也运行了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>