jQuery hide other <div>, not this <div>
<p>I'm generating several divs with id="RG":</p>

<pre><code>&lt;div id="rg"&gt;&lt;/div&gt;
&lt;div id="rg"&gt;&lt;/div&gt;
&lt;div id="rg"&gt;&lt;/div&gt;
</code></pre>

<p>If I was to click on the first div, how could I hide every div but the div clicked.</p>

<pre><code>&lt;div id="rg"&gt;&lt;/div&gt; &lt;-- Clicked (Keep)
&lt;div id="rg"&gt;&lt;/div&gt; &lt;-- Hide
&lt;div id="rg"&gt;&lt;/div&gt; &lt;-- Hide
</code></pre>
