Jquery 如何删除tablesorter.js中的额外行？

我正在使用

tablesorter.js

对html表进行排序。我的桌子是空的 嵌套。单击第一行上的子行将打开。为此，我很高兴 使用ajax调用。在ajax页面上，我有父行的子行。现在 问题是我的父页面上有以下代码：

若我从表中删除上述代码，那个么只有tablesorter不会显示我的额外行。但问题是我不能删除上面的代码。我必须在单击排序类时隐藏这些行。我尝试了

hide（）

方法，但它对我不起作用

下面是我在表中隐藏额外行的代码

$(function(){

    $("table").tablesorter();
    $(".sortable").click(function(){
       $("hidden_rows").hide(); 
    });


}); 

---

HTML无效。不能将一个

tr

嵌套在另一个

tr

中。而是将

移动到嵌套表中：

<tr class="row">
  <td align="center">...</td>
  <td>
    <table>
      <tr>
        <td colspan="11">...</td>
      </tr>
    </table>
  </td>
</tr>

...
...

请使用设置问题的演示。看起来用户需要单击表格来切换嵌套表格的视图，最好在单元格中添加按钮或显示嵌套表格的标题。

$(function(){

    $("table").tablesorter();
    $(".sortable").click(function(){
       $("hidden_rows").hide(); 
    });


}); 

<tr class="row">
  <td align="center">...</td>
  <td>
    <table>
      <tr>
        <td colspan="11">...</td>
      </tr>
    </table>
  </td>
</tr>