title: How to show text insite <td> through press link inside <td>
body: <p>I have code:</p>
  
  <pre><code>&lt;table id="table_id"&gt;
    &lt;tr id="tr_id"&gt;
       &lt;td id="td_id"&gt;
           &lt;p id="tresc"&gt; text &lt;/p&gt;
           &lt;a href="#" id="link"&gt;more1&lt;/a&gt;
           &lt;p id="tresc_more" style="display:none"&gt; more text 1&lt;/p&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr id="tr_id"&gt;
       &lt;td id="td_id"&gt;
           &lt;p id="tresc"&gt; text &lt;/p&gt;
           &lt;a href="#" id="link"&gt;more2&lt;/a&gt;
           &lt;p id="tresc_more" style="display:none"&gt; more text 2 &lt;/p&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>  $(document).ready(
    function()
    {
     $("table#table_id tr td a#link").click(
     function()
     {
       $("table#table_id tr td p#tresc_more").toggle();
     });
    });
  </code></pre>
  
  <p>Problem is: When I click on the link "more1" it show's me all hidden text in every row, I want see hidden text only in one row which one I click (for example: when I click more2 I want see "more text 2").</p>