jquery - jQuery を使用して 1 つのテーブル行のみを展開する

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();
});