finding selected clicked td within a table
<p>hi <br>
my table looks like this</p>

<pre><code>&lt;table&gt;
&lt;tbody&gt;
  &lt;tr&gt;
    &lt;td class='center'&gt;some text&lt;/td&gt;
    &lt;td class='center'&gt;some text&lt;/td&gt;
    &lt;td class='center'&gt;some text&lt;/td&gt;
    &lt;td class='center'&gt;some text&lt;/td&gt;
    &lt;td class='action'&gt;&lt;a href="www.yahoo.com"&gt;go to some other url&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
&lt;tbody style='display:none'&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
&lt;tbody&gt;
  &lt;tr&gt;
    &lt;td class='center'&gt;some text&lt;/td&gt;
    &lt;td class='center'&gt;some text&lt;/td&gt;
    &lt;td class='center'&gt;some text&lt;/td&gt;
    &lt;td class='center'&gt;some text&lt;/td&gt;
    &lt;td class='action'&gt;&lt;a href="www.yahoo.com"&gt;go to some other url&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
&lt;tbody style='display:none'&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
    &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/tbody&gt;
</code></pre>

<p></p>

<p>in the first view only the first tbody row is shown and the second tbody row is hidden.<br>
I need that when user is clicking on the first table row the second table row will be displayed/hide.<br> I managed to do this with the following code</p>

<pre><code>$('tbody').toggle(function(){
 $(this).next('tbody:first').show(); //display the first next tbody         
}
,function (){
 $(this).next('tbody:first').hide();//hide the next tbody
 }
);
</code></pre>

<p><strong>now I also need that when the user is clicking on the table cell with the '.action' class this show/hide functionality will not happened and the table cell  link will be preformed</strong></p>

<p>I tried many options but nothing was working,
I will appreciate if someone could give me some solution to this problem<br>
THANKS   </p>
