Тумблер в ajax

Я написал ниже код в PHP + Ajax

<table>
<tr><td data-id="1" onclick="showData(event);">ABC</td>
<tr style='display:none' data-fold='1'><td>ABC - 01</td>
<tr><td data-id="2" onclick="showData(event);">PQR</td>
<tr style='display:none' data-fold='2'><td>PQR- 01</td>
</table>

Мне нужно показать сгиб данных «tr», когда кто-то нажимает на data-id с соответствующим id, то есть когда я нажимаю на data-id 1, тогда должен быть виден сгиб data 1.

Кроме того, содержимое в хранилище данных поступает из AJAX.

Ниже мой код AJAX:

function showData(event){

var rowId = $(event.currentTarget).attr('data-id');
$.ajax({
type: "POST",
url: "ajax.php", //
data: 'type=viewOrder&rowId='+rowId,
success: function(msg){

$("tr").each(function(){
childId = $(this).attr('data-fold');
if(childId == rowId) {
$(this).toggle("slow");
$(this).html(msg);
}
});

},
error: function(){
alert("failure");
}
});

}

Мой код работает нормально, но мне нужно закрыть все остальные, ожидайте, что я нажал.