jquery - 无法让行正确显示

Question

我应该在这个问题的开头说我完全没有任何 html/css/javascript 的背景，所以请对我宽容点，如果我使用了错误的术语或者问了一个愚蠢的问题/没有提供足够的信息，请抱歉!

我正在尝试让一个可扩展的表格工作，并且在通过阅读论坛线程/教程(将“next”更改为“nextUntil”，尝试第 nth-child 然后将其删除等)进行几轮脚本更改之后，它按照我希望的方式工作(当单击一行而不是仅显示一行时显示接下来的 2 行)。

但是由于某些莫名其妙的原因，显示的行现在缩小到只有第一个 td 的宽度。单击时，隐藏行的宽度合适。

现在的表格是here .
显示正确宽度的行(当前版本)的 jsFiddle 是 here .

必须插入代码，否则我无法发布此问题:

$(document).ready(function(){
     $("#report tr.show").click(function(){
         $(this).nextUntil("tr.show").toggle();
         $(this).find(".arrow").toggleClass("up");
         $(this).find(".show").not(".show").fadeOut(350)
         $(this).find(".show").fadeToggle(350);
     });            
     //$("#report").jExpand();
});

当我删除 tr class="show" 时，该行恢复到正确的宽度，但我没有看到任何应该导致此行为发生的内容(因为上一个表没有没有这个问题，与那个唯一的大区别是行数和 javascript 更改。没有进行 CSS 更改，也没有添加样式表。)

真诚感谢任何帮助，我不知道如何继续!

Answer 1

您可以替换 CSS 中的小改动:

替换这个

.show {
  display: block;
}

有了这个

.show {
  display: table-row;
}