单击行时,我正在使用 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();
});