在ajax中切换开关

Question

我在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>

我需要显示数据折叠＆＃34; tr＆＃34;当有人点击具有相应ID的data-id时，即当我点击data-id 1时，数据折叠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");
        }
    });

   }

我的代码工作正常，但我需要关闭所有其他的tr期望我点击的那个。