Better way to access distant cousin in jQuery
<p>I have a script working to show hide the next() tbody element when another link is clicked, but it's uuuugly, and I'm sure I could do it more efficiently. Specifically I dont like using 4 parent() calls! Is there a better way to traverse things than that?</p>

<p>HTML:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;Pooey long jQuery example&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;table class="thin"&gt;
        &lt;tbody class="shown_rows"&gt;
            &lt;tr&gt;
                &lt;td&gt;&lt;span&gt;td1&lt;/span&gt;&lt;/td&gt;
                &lt;td&gt;&lt;span&gt;td2&lt;/span&gt;&lt;/td&gt;
                &lt;td&gt;&lt;span&gt;&lt;a href="#" class="do-thing"&gt;Show&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
        &lt;tbody class="hidden_rows"&gt;
            &lt;tr&gt;
                &lt;td colspan="7"&gt;&lt;span&gt;Temp txt&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
        &lt;tbody class="shown_rows"&gt;
            &lt;tr&gt;
                &lt;td&gt;&lt;span&gt;td1&lt;/span&gt;&lt;/td&gt;
                &lt;td&gt;&lt;span&gt;td2&lt;/span&gt;&lt;/td&gt;
                &lt;td&gt;&lt;span&gt;&lt;a href="#" class="do-thing"&gt;Show&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
        &lt;tbody class="hidden_rows"&gt;
            &lt;tr&gt;
                &lt;td colspan="7"&gt;&lt;span&gt;Temp txt&lt;/span&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>CSS:</p>

<pre><code>table td {border: 1px solid black;padding:2px;}
table .shown_rows * span {
    width:100px; display:block
}
</code></pre>

<p>jQuery:</p>

<pre><code>$(".hidden_rows").hide();
$(".do-thing").click(function(e) {
     $(this).parent().parent().parent().parent().next("tbody").toggle("fast");
});
</code></pre>

<p>jSFiddleydeeee:
<a href="http://jsfiddle.net/meredevelopment/pEwZh/" rel="nofollow">This example on jsFiddle</a></p>

<p>Any thoughts? </p>

<p>(Note, I'm using spans on purpose, and this is a simplified example for the question only so it looks horrid in FF and IE.</p>
