title: Overlay Help Tips with jQuery
body: <p>I would like to create an overlay layer that pops up if a user clicks a 'help' link that displays help tips (most likely a <code>.png</code> image) pointing out elements of the website. </p>
  
  <p>I've seen this done on other websites (although I can't currently find one) whereby there is a semi-transparent overlay over the entire page whereby help tips are shown. I would then like the overlay to disappear if the user clicks or click on a 'close' button.</p>
  
  <p>I understand that is a lot to ask, but if anyone could point me in the right direction, or to an online tutorial, etc. I'd REALLY appreciate it :)</p>
  
  <p>Here is an example of the effect I want to create on my website:
  <img src="https://i.stack.imgur.com/em7cl.png" alt="jquery overlay website help tips"></p>