title: making a slideshow, what jQuery method to use to enlarge a slide thumbnail when clicked on?
body: <p>I am making a slideshow.  I have a bunch of slides (bottom of page) below the canvas, but I can't find the right jQuery to call.  What jQuery method could I use instead of .replaceWith() to replace a canvas with a larger version of it's thumbnail when clicked on.</p>
  <p>See my codepen</p>
  <pre><code>$( document ).ready(function() {
   
  
    $( &quot;.text&quot; ).click(function() {
      $( &quot;.cloneditems&quot; ).append( &quot;&lt;p&gt;Click to EDIT&lt;/p&gt;&quot; );
      $(&quot;.cloneditems &gt; p&quot;).draggable();
      $(&quot;.cloneditems &gt; p&quot;).attr(&quot;contenteditable&quot;, true);
    });
  
  
    $( &quot;.addslide&quot; ).click(function() {
     alert(&quot;yay you clicked me&quot;);
     $( &quot;.replaceme&quot; ).replaceWith( $( &quot;h1&quot; ) );
     $(&quot;.singleslide&quot;).clone().insertAfter(this);
    });
    
  
   
  });
  </code></pre>