title: onClick show iframe 5000 and then hide
body: <p>I'm trying to build an impression test for a remote usability test using HTML, CSS and jQuery. The user needs to click on a button to start the impression test, which will show the page of the client in an iframe for 5 seconds and then hide itself.</p>
  
  <p>I looked for many codes very similar to this but not exactly what I needed and I can't make it work myself as my jQuery knowledge is yet v poor. </p>
  
  <p>So, what I'm looking for is something like this:</p>
  
  <p>on click show iframe 5000 </p>
  
  <p>hide</p>
  
  <p>I tried using this bit of code to show on click with the css iframe {display:none};</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function() {
          $("#show").click(function() {
              $("#iframe1").show("5000");
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thinking "it will show after the click for 5 seconds and then go back to normal display: none.</p>
  
  <p>But no... It shows on click and it stays there.</p>
  
  <p>Can anyone help me?</p>