How to hide all elements except one using jquery?
<p>I have HTML page:</p>

<pre><code>&lt;head&gt;&lt;/head&gt;
&lt;body&gt;
  &lt;div&gt;
    &lt;div&gt;
      &lt;div id="myDiv"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p>How to hide all divs, and just have the myDiv inside the body using jquery?</p>

<p><strong>Update</strong></p>

<p>The page may contain some other html elements such as some tables, anchors, p, and i just want to see the myDiv element.</p>
