Malcolms Resy Widget

by Charles Butler

HTML

<script src="https://widgets.resy.com/embed.js"></script>
<script src="https://fonts.googleapis.com/css?family=Montserrat"></script>
<link rel="stylesheet" href="https://www.otbbets.net/resy.css">
<header id="page-header" class="default"> <a href="./" class="logo">Resy</a></header>
<div class="hero-message">
  <h1><strong>RESY</strong> GRAB A SEAT</h1>
  <div class="secondary">The best booking experience and reservation selection anywhere.</div>
    <div class="secondary">
    <p>&nbsp;</p>
  </div>
  <div class="secondary">(scroll down)</div>
</div>
<div id="reservation">This ID #reservation triggers the resy.openModal. I need a way to trigger something like resy.closeModal in the javascript 'else' statement. Notice how the modal keeps triggering when scrolling in thgis area? </div>

JavaScript

$(window).scroll(function() {
  var hT = $('#reservation').offset().top,
    hH = $('#reservation').outerHeight(),
    wH = $(window).height(),
    wS = $(this).scrollTop();
  if (wS > (hT + hH - wH) && (hT > wS) && (wS + wH > hT + hH)) {
    resyWidget.openModal({
      "venueId": 1985,
      "apiKey": "Q3A9AHaDy8i2AIXw4J5WqopE0osb6aUi",
      "replace": true
    });
  } else {

}
});