I would like to click an image in a div that refreshes the page and hides the div after refresh

EDITED

I am using a semi-transparent image with a top-margin off-set to disable access to quiz content until the page is refreshed.

This is what I have so far:

HTML

[quiz shortcode]  <div class="quiz-lock">  <a href="javascript:window.location.reload();"><img src="images/lock-panel.png"/></a>  </div>  

CSS

How do I get:

.quiz-lock {      margin-top: -235px;  }  

to

.quiz-lock {      display: none;  }  

after the page is reloaded?

Thank you for your time.

https://stackoverflow.com/questions/67273969/i-would-like-to-click-an-image-in-a-div-that-refreshes-the-page-and-hides-the-di April 27, 2021 at 05:20AM