Javascript 默认情况下，在展开和折叠表时隐藏行

我是一个非常新手的用户，很难找到关于创建html表的信息，这些html表在默认情况下会显示父行，隐藏子行，然后展开和折叠。我已经设法使它工作使用一些脚本，我发现搜索在线，但子行默认显示。我不了解JQuery，如果不需要的话，我不想添加其他语言。我对Javascript的了解非常基础，从我在网上找到的东西自学而来。我对CSS和HTML的了解还不错，但还远远不够完美

以下是我所拥有的：

功能切换\u可见性（待定，lnkid）{
if（document.getElementsByTagName）{
var tables=document.getElementsByTagName（'table'）；
对于（变量i=0；i

a{
颜色：#ff0000；
}
#行政会议{
颜色：#ff0000；
文字装饰：无；
}
#tbl3RD{
宽度：100%；
边框：1px实心#ff0000；
边框底宽：0px；
单元间距：0px；
边界间距：0px；
}
#黑暗的{
背景色：#2424；
}
#轻的{
背景色：#8C8C8C；
}
#td75{
宽度：75%；
}
#td25{
宽度：25%；
}
#头衔{
字体大小：110%；
颜色：#FFFFFF；
字体大小：粗体；
}
#副标题{
颜色：#2424；
字体大小：粗体；
}

表的标题。
解释内容的副标题行。
表的主要内容。

隐藏元素的一种方法是将“显示”属性设置为“无”。您的脚本稍后仍可以更改“显示”属性。试试这个：

#td75, #subtitle {
    display: none;
}

---

作为补充说明，我建议将表元素更改为div。div更易于操作，并且可以轻松地用于创建响应表。

我尝试的最终结果是，每个表上大约有15个表，以创建扩展和折叠的级联行（某种程度上）。我设法让它在body标签中使用onload，但在同时使用多个函数时遇到了问题。我通过为每个表创建一个新的父函数解决了这个问题，每个表的相应函数如下：

a{
颜色：#ff0000；
}
#行政会议{
颜色：#ff0000；
文字装饰：无；
}
#tbl3RD，#tblW8{
宽度：100%；
边框：1px实心#ff0000；
边框底宽：0px；
单元间距：0px；
边界间距：0px；
}
#黑暗的{
背景色：#2424；
}
#轻的{
背景色：#8C8C8C；
}
#td75{
宽度：75%；
}
#td25{
宽度：25%；
}
#头衔{
字体大小：110%；
颜色：#FFFFFF；
字体大小：粗体；
}
#副标题{
颜色：#2424；
字体大小：粗体；
}

试验
表的标题。
解释内容的副标题行。
表的主要内容。
表的标题。
解释内容的副标题行。
表的主要内容。

我以前试过，加载时内容实际上是隐藏的，但使用“展开”按钮[+]后，它不会显示隐藏的行。是否有办法让脚本在页面加载时运行？我尝试过使用window.onload，但似乎无法正常工作？