切換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/