title: jQuery Parent Sibling selector
body: <p>I have a HTML document like below:</p>
  <pre><code>&lt;td&gt;
    &lt;div class=&quot;commentLink&quot;&gt;
      &lt;a href=&quot;javascript:ShowBox()&quot;&gt;Show&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class=&quot;hiddenBox&quot;&gt;
      &lt;!-- Hidden content  --&gt;
    &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  <p>The div element with <code>class=&quot;hiddenBox&quot;</code> is hidden by default. On clicking the &quot;Show&quot; link, I want to show the hidden div. I tried this but it doesn't work:</p>
  <pre><code>function ShowBox() {
    $(function(){
      $(this).parent().siblings(&quot;.hiddenBox&quot;).show();
    });
  }
  </code></pre>
  <p>The class <code>hiddenBox</code> occurs multiple times in my document, but I want only the sibling to show.</p>