Gina Quatrine commented on Magnific Popup JS

I almost got it to work! I put the below code right before the </body> tag, but now the popup is also appearing on pageload (I just want it to popup when you click the assigned button):

  {{ 'reveal.css' | asset_url | stylesheet_tag }}

  {{ 'jquery.min.js' | asset_url | script_tag }}
  {{ 'jquery.reveal.js' | asset_url | script_tag }}

<script type="text/javascript">
 
   jQuery(document).ready(function($){

    
$('#myModal').reveal({
     animation: 'fade',                   //fade, fadeAndPop, none
     animationspeed: 300,                       //how fast animtions are
     closeonbackgroundclick: true,              //if you click background will modal close?
     dismissmodalclass: 'close-reveal-modal'    //the class of a button or element that will close an open modal
});

      });
</script>

How do I fix this?