title: How to add 5 second delay to onClick window.open?
body: <p>I have a code that hides multiple div's with a sliding action with one click on a text link.
  I need to add an open.window to the text link also, that will open a url in another window after a few seconds delay.</p>
  
  <p>So with one click I want to hide a group of div's, and open a url in another window after a short delay, so that the sliding action can be seen before the url is opened.</p>
  
  <p>I have this code that works to hide the div's with sliding action ... </p>
  
  <pre><code>$("#hide-content").click(function () {
  $(".otherContainers").hide('slide',{direction: "right"}, 1000);
  });
  </code></pre>
  
  <p>And this for the text link ....</p>
  
  <pre><code>&lt;div id="hide-content"&gt;&lt;a href="#" class="showHideContent" style="text-decoration:none" onclick="window.open('http://google.com')"&gt;hide and visit&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried adding a delay with this but it's not working ...</p>
  
  <pre><code>onclick="setTimeout('window.open(\'http://google.com');'5000;"
  </code></pre>
  
  <p>Any ideas? Thanks!</p>
  
  <p>Here's a Fiddle
  <a href="http://jsfiddle.net/eeyipes/Jf6wM/13/" rel="nofollow">http://jsfiddle.net/eeyipes/Jf6wM/13/</a></p>