jquery faq for table
<p>when i pressed a link all the td's are shown.
how can i hide and show each td when pressed?</p>

<pre><code>    &lt;head&gt;

&lt;style type="text/css"&gt;
.details{display:none;}
&lt;/style&gt;
&lt;script type="text/javascript"&gt;
$().ready(function() {
    $('a.buy').click(function() {
        $('.details').slideToggle('fast', function() {
        });
    });
});
&lt;/script&gt;
&lt;body&gt;
&lt;table&gt;
    &lt;tr&gt;
        &lt;td&gt; &lt;a class="buy" href="#"&gt;more details&lt;/a&gt; &lt;/td&gt; 
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td class="details"&gt;text 1 text 1 text 1 text 1 &lt;/td&gt;
    &lt;/tr&gt;
        &lt;tr&gt;
        &lt;td&gt; &lt;a class="buy" href="#"&gt;more details&lt;/a&gt; &lt;/td&gt; 
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td class="details"&gt;text 2 text 2 text 2 text 2 &lt;/td&gt;
    &lt;/tr&gt;
        &lt;tr&gt;
        &lt;td&gt; &lt;a class="buy" href="#"&gt;more details&lt;/a&gt; &lt;/td&gt; 
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td class="details"&gt;text 3 text 3 text 3 text 3 &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;              

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
