title: Hide and show another table in the same section with back button
body: <p>I have a section containing a table.
  I want to hide the table whenever an element in that table is being clicked and show another table in the same  without reloading the page. 
  I want also to show a back button so I can return to the initial section.
  Thanks</p>
  
  <pre><code>&lt;section class="tabs" id="content3"&gt;
        &lt;table class="rwd-table"&gt;
  &lt;tr&gt;
    &lt;th&gt;Livre&lt;/th&gt;
    &lt;th&gt;Article de journal&lt;/th&gt;
    &lt;th&gt;Chapitre de livre&lt;/th&gt;
    &lt;th&gt;Conférence avec actes&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td data-th="Livre"&gt; &lt;a href ="#"&gt;2008&lt;/a&gt;&lt;/td&gt;
    &lt;td data-th="Article de journal"&gt;CESACO 2012-2015&lt;/td&gt;
    &lt;td data-th="Chapitre de livre"&gt;M-Trace 2010-2013&lt;/td&gt;
    &lt;td data-th="Conférence avec actes"&gt;M-Trace 2010-2013&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td data-th="Livre"&gt;RSE 2010-2013&lt;/td&gt;
    &lt;td data-th="Article de journal"&gt;CESACO 2012-2015&lt;/td&gt;
    &lt;td data-th="Chapitre de livre"&gt;M-Trace 2010-2013&lt;/td&gt;
    &lt;td data-th="Conférence avec actes"&gt;M-Trace 2010-2013&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>
          </p>