将JavaScript代码更改为仅展开下一行，而不是表中的所有下一行

我对这一点非常陌生，我试图弄明白我之前的人已经实现了一些东西，我需要改变它们

我们有一个表，比如说有3或4个标题，下面有一行。 JavaScript的使用使得在点击一行时，它会展开以显示下一行

我要做的是在其中一行中创建另一个表，该表仅在展开后显示

$（文档）.ready（函数（）{
$（“#report66 tr:odd”）.addClass（“odd”）；
$（“#report66 tr:not（.odd）”）.hide（）；
$（“#报告66 tr:第一个孩子”）.show（）；
$（“#report66 tr.odd”）。单击（函数（）{
$（this.next（“tr”）.toggle（）；
$（this.find（“.arrow”）.toggleClass（“向上”）；
});
});
.table.tableSection{
显示：表格；
宽度：500%；
}
.table.table部分thead，table.table部分tbody{
浮动：左；
宽度：100%；
}
.table.table节tbody{
溢出：自动；
高度：250px；
}
.table.tableSection tr{
宽度：100%；
显示：表格；
文本对齐：左对齐；
}
.table.tableSection th，table.tableSection td{
宽度：33%；
}
.td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充物：5px；
背景色：#00565c；
颜色：白色；
}

校长1
校长2
校长3
校长4
数据1
数据2
数据3
数据4
问询处
问询处
试验
试验
当您执行
$（“#report66 tr:not（.odd）”）.hide（）
实际上隐藏了主表中所有
tr
元素，这些元素没有
.odd
类名。由于主表中有另一个表，因此此规则适用于其中的
tr
元素

可以显式显示内部表中的所有行：


$（文档）.ready（函数（）{
$（“#report66 tr:odd”）.addClass（“odd”）；
$（“#report66 tr:not（.odd）”）.hide（）；
$（“#报告66 tr:第一个孩子”）.show（）；
$（“#report66 tr table tr”）.show（）；//显示所有内部表行
$（“#report66 tr.odd”）。单击（函数（）{
$（this.next（“tr”）.toggle（）；
$（this.find（“.arrow”）.toggleClass（“向上”）；
});
});
.table.tableSection{
显示：表格；
宽度：500%；
}
.table.table部分thead，table.table部分tbody{
浮动：左；
宽度：100%；
}
.table.table节tbody{
溢出：自动；
高度：250px；
}
.table.tableSection tr{
宽度：100%；
显示：表格；
文本对齐：左对齐；
}
.table.tableSection th，table.tableSection td{
宽度：33%；
}
.td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充物：5px；
背景色：#00565c；
颜色：白色；
}

校长1
校长2
校长3
校长4
数据1
数据2
数据3
数据4
问询处
问询处
试验
试验
当您执行
$（“#report66 tr:not（.odd）”）.hide（）
实际上隐藏了主表中所有
tr
元素，这些元素没有
.odd
类名。由于主表中有另一个表，因此此规则适用于其中的
tr
元素

可以显式显示内部表中的所有行：


$（文档）.ready（函数（）{
$（“#report66 tr:odd”）.addClass（“odd”）；
$（“#report66 tr:not（.odd）”）.hide（）；
$（“#报告66 tr:第一个孩子”）.show（）；
$（“#report66 tr table tr”）.show（）；//显示所有内部表行
$（“#report66 tr.odd”）。单击（函数（）{
$（this.next（“tr”）.toggle（）；
$（this.find（“.arrow”）.toggleClass（“向上”）；
});
});
.table.tableSection{
显示：表格；
宽度：500%；
}
.table.table部分thead，table.table部分tbody{
浮动：左；
宽度：100%；
}
.table.table节tbody{
溢出：自动；
高度：250px；
}
.table.tableSection tr{
宽度：100%；
显示：表格；
文本对齐：左对齐；
}
.table.tableSection th，table.tableSection td{
宽度：33%；
}
.td，th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充物：5px；
背景色：#00565c；
颜色：白色；
}

校长1
校长2
校长3
校长4
数据1
数据2
数据3
数据4
问询处
问询处
试验
试验
认为这是个好办法，但遗憾的是说得太快了。因此，尽管当只有一行包含信息时，它可以很好地显示细节，但如果我添加另一行数据，它开始只显示一组数据。试试下面的，你会看到我的意思是什么Data1 Data2 Data3 Data4 Data5 Data6 Data7 Data8好的，没有正确显示：你能解释一下你到底想实现什么吗？做所有这些数据1，数据2。。。数据8单元必须始终可见？当你点击它们时，会发生什么呢？嗨，Dimitar，我们的想法是有一个标题（列标题），然后下面有多行数据。当您单击每一行时，它会显示另一行，而该行中又包含另一个数据表。你的第一个建议工作得绝对完美，但只有当有一行数据时，当有两行数据时，它才不起作用。编辑是疯狂的