jquery toggling more than one div
<p>i'm trying to make toggling div with only 1 javascript.</p>

<p>I tried this, the first div does what it was meant to do but the second doesn't.</p>

<p>Have a look.</p>

<pre><code>&lt;body&gt;
    &lt;div&gt;
    &lt;div&gt;He
        &lt;div&gt;You
            &lt;div id="Me"&gt;&lt;a id="me"&gt;Me&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="This"&gt;We
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;div&gt;

    &lt;div&gt;1
        &lt;div&gt;2
            &lt;div id="Me"&gt;&lt;a id="me"&gt;3&lt;/a&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div id="This"&gt;4
    &lt;/div&gt;
    &lt;/div&gt;
&lt;script&gt;
    $("#me").click(function () {
      $(this).parent().parent().parent().siblings("#This").slideToggle("slow");
    });
&lt;/script&gt;
&lt;/body&gt;
</code></pre>

<p>when i click me, we disappear, alright. But when i click 3, 4 doesn't disappear.</p>
