title: how find next row of button clicked in td?
body: <p>i have table and for every row i have another row that is <code>dispaly:none</code>.<br>
  i want when i clicked <code>span</code> in <code>td</code> of visible <code>row</code> next <code>row</code> be visible.</p>
  
  <p>i tried :-</p>
  
  <pre><code>$('span').click(function()
              $(this).closest('tr').next('tr').css('display','block')
          })
  </code></pre>
  
  <p>this switch display to block but the tr not displayed correctly as when it's display is block by default.
  when i try this the next row width is as first column of currnet tr. whats the problem?</p>
  
  <pre><code> &lt;tr&gt;
      &lt;td style="width:40px"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;span&gt;show&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
   &lt;/tr&gt;
    &lt;tr "style=display:none"&gt;
      &lt;td colspan="4" &gt;
          &lt;h5&gt;پاسخ دادن&lt;/h5&gt;
          &lt;textarea style="width:100%;"&gt;&lt;/textarea&gt;
       &lt;/td&gt;
    &lt;/tr&gt;
  </code></pre>