使用jQuery仅展开一个表行

Question

单击行时，我正在使用jQuery扩展表中的行。如何修改代码，以便在单击另一行时，当前打开的行会折叠？

这是表格：

<table class="tb">
 <tbody>
  <tr class="parent"><td>Click here</td></tr>
  <tr><td>Hidden row</td></tr>
  <tr class="parent"><td>Or click here</td></tr>
  <tr><td>Another hidden row</td></tr>
 </tbody>    
</table>

这是jQuery：

$('table.tb').each(function() {
 var $table = $(this);
 $table.find('.parent').click(function() {
  $(this).nextUntil('.parent').toggle();
 });
 var $childRows = $table.find('tbody tr').not('.parent').hide();
});

Answer 1

更改您的功能以隐藏每个父母点击

http://jsfiddle.net/ugwfQ/1/

$(".parent").children("td").click(function() {
    $(".parent").next("tr").hide();
    $(this).parent().next("tr").show();
});