title: How to load leanmodal div contents onclick
body: <p>My store's collection pages have the quick-view feature where hovering over products images allow you to click 'Quick View' to open a modal dialog window with summary info about the products. This is done with the leanModal plugin.</p>
  
  <p>See: <a href="http://froy.com/collections/beds-mattresses" rel="nofollow">http://froy.com/collections/beds-mattresses</a> for example. Store is powered by Shopify.</p>
  
  <p>The problem is, when the page initially loads, all the elements within the modal are loaded despite being hidden. This unnecessarily slows down the site. I'd like to load the contents within the modal only after the user clicks on 'Quick View.'</p>
  
  <pre><code>&lt;div class="quick_shop"&gt; &lt;!--This is the modal trigger--&gt;
    &lt;div class="quickview-text"&gt;Quick View&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="modal"&gt;
    &lt;!--All contents of the modal dialog window go in this div--&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>$('.quick_shop').leanModal(); //Calls the function on the modal trigger
  (function($){$.fn.extend({leanModal:function(_1)...});})(jQuery); 
  //The above line of code is for leanModal. I didn't paste entire thing cause it's long
  </code></pre>
  
  <p>Any help would be much appreciated! I'm new and learning so this is all very exciting.</p>