切换TR显示

Question

比方说，这是我的表：

<table> 
    <tr> 
    <td>a</td> 
    <td>one</td> 
    <td>two</td> 
    </tr> 
    <tr> 
    <td>b</td> 
    <td>three</td> 
    <td>four</td> 
    </tr> 
    <tr> 
    <td>c</td> 
    <td>five</td> 
    <td>six</td> 
<table> 

使用JavaScript，我希望能够切换下一个行的display: none元素我点击...但只如果我在每行的第一个单元格内单击。

例如，如果我点击含有a细胞，含有该tr细胞b，three，和four和含有细胞c，five的tr，和six不会显示，直到我再次点击它。不过，点击one或two不会做任何事情。

尽管如此，我将要使用此代码的表格要大得多。

Answer 1

使用jQuery，它真的很容易：

$("table tr td:first-child").click(function() { 
    $(this).parent().nextAll().toggle(); 
}); 

如果我找到一个我会更新我用普通的JavaScript解答解答。

Answer 2

使用jQuery：

jQuery('table').find('tr').find('td:first').click(function() { 
    jQuery(this).parent().next().toggle(); 
}); 

http://jsfiddle.net/