Can not reach specific element in hierarchy
<p>I can not directly user $('commentbody') because there are many comments and selection needs to be done withing this specific area.</p>

<p>Html:</p>

<pre><code>&lt;div class="commentline"&gt;
    &lt;div class="carrowholder"&gt;
        &lt;div class="ctoggle"&gt;&lt;/div&gt;
        &lt;div class="arrowwrap"&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="commentholder"&gt;
        &lt;div class="commenttitle"&gt;
            Title
        &lt;/div&gt;
        &lt;div class="commentbody"&gt;
            Body
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>jQuery:</p>

<pre><code>$('.ctoggle').click(function(e) {
    $(this).parent().next('.commentholder &gt; .commentbody').hide();
})
</code></pre>
