title: Overlapping divs in a page
body: <p>Hi I am buidling this mini page.</p>
  
  <p>I need one div which has table to cover another div with a table when a button is clicked
  .</p>
  
  <p>My page before clicking link:</p>
  
  <p><img src="https://i.stack.imgur.com/v8WUT.png" alt="Before"></p>
  
  <p>My page currently after clicking button:
  <img src="https://i.stack.imgur.com/4Hga4.png" alt="Page after Link"></p>
  
  <p>AS we can see, both div's table are visible.
  I don't want it. I want one div to completely cover another div.</p>
  
  <p>How can I do it?</p>