title: How to replace an entire table with pictures?
body: <p>This is my table, of course with some text in it, and I want on a button click to hide it, and show some images. I also want to reverse the action on the same button click. How can I do that?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="aspect" style="display:yes"&gt;
      &lt;table style="100%" id="Table"&gt;
          &lt;tr&gt;
              &lt;th id="textul" &gt; &lt;/th&gt;
              &lt;th id="textul4"&gt; &lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td id="testul2and3" style="vertical-align:top"&gt; &lt;/td&gt;
              &lt;td style="vertical-align:top" id="textul6"&gt;
                  &lt;p&gt; &lt;iframe&gt;&lt;/iframe&gt; &lt;/p&gt;
              &lt;/td&gt;                                         
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>