Bringing a div back from .hide or .fadeOut onclick
<p>Okay, so this is the example HTML.</p>

<pre><code>&lt;a href="http://www.google.com/"&gt;
 &lt;div id="link"&gt;
  This is a link
 &lt;/div&gt;
&lt;/a&gt;

&lt;div class="example"&gt;
 Example div 1
&lt;/div&gt;

&lt;div class="example"&gt;
 Example div 2
&lt;/div&gt;

&lt;div class="example"&gt;
 Example div 3
&lt;/div&gt;
</code></pre>

<p>Whenever #link is clicked, all the divs with the class .example are hidden.</p>

<pre><code>$("#link").click(function ( event ) {
  $(".example").hide();
});
</code></pre>

<p>or</p>

<pre><code>$("#link").click(function ( event ) {
  $(".example").fadeOut("fast");
});
</code></pre>

<p>Now whenever any spot on the page is clicked, all of the .example divs return.</p>

<p>Is it possible? It doesn't all necessarily have to be done with jQuery.<br>Thanks in advance.  </p>
