Javascript 多个切换按钮html

所以我试图让我的切换按钮工作，但我遇到了一个恼人的问题。 首先，我找到了一个使用bootstrap的解决方案，但是我使用的网站框架不支持bootstrap，所以就这样

现在我有这个

实例 .myTable{ 宽度：100%； 文本对齐：左对齐； 背景色：柠檬色； 边界塌陷：塌陷； } .myTable th{ 背景色：FFD300； 颜色：白色； } .myTable td， .myTable th{ 填充：10px； 边框：1px实心黄花； } .按钮{ 边框：1px实心d7dada；-webkit边框半径：3px；-moz边框半径：3px；边框半径：3px；字体大小：12px；字体系列：arial，helvetica，无衬线；填充：10px 10px 10px 10px；文本装饰：无；显示：内联块；颜色：000000； 背景颜色：F4F5；背景图像：-webkit gradientlinear、左上、左下、FROMF5F5、TODFDDD； 背景图片：-webkit线性渐变顶部，F4F5，dfdddd； 背景图像：-moz线性渐变顶部，F4F5，dfdddd； 背景图像：-ms线性渐变顶部，F4F5，dfdddd； 背景图像：-o-linear-gradienttop，F4F5，dfdddd； 背景图像：线性渐变到底部，F4F5，dfdddd；过滤器：progid:DXImageTransform.Microsoft.gradientGradientType=0，startColorstr=F4F5，endColorstr=dfdddd； } 分配 要点 分配 要点 一些文本 阅读更多

一些解释

5. 其他一些文本 阅读更多

其他说明

5. $document.readyfunction{ $button.clickfunction{ $p.toggle； }; }; 使用$this.nextSELECTOR选择具有匹配选择器的同一级别的下一个元素

$document.readyfunction{ $button.clickfunction{ $this.nextp.toggle； }; }; .我的桌子{ 宽度：100%； 文本对齐：左对齐； 背景色：柠檬色； 边界塌陷：塌陷； } .myTable th{ 背景色：FFD300； 颜色：白色； } .myTable td， .myTable th{ 填充：10px； 边框：1px实心黄花； 垂直对齐：顶部； } .按钮{ 边框：1px实心d7dada； -webkit边界半径：3px； -moz边界半径：3px； 边界半径：3px； 字体大小：12px； 字体系列：arial、helvetica、无衬线字体； 填充：10px 10px 10px 10px； 文字装饰：无； 显示：内联块； 颜色：000000； 背景色：F4； 背景图像：-webkit gradientlinear，左上，左下，从F4F5到FDDDD； 背景图片：-webkit线性渐变顶部，F4F5，dfdddd； 背景图像：-moz线性渐变顶部，F4F5，dfdddd； 背景图像：-ms线性渐变顶部，F4F5，dfdddd； 背景图像：-o-linear-gradienttop，F4F5，dfdddd； 背景图像：线性渐变至底部，F4F5，dfdddd； 过滤器：progid:DXImageTransform.Microsoft.gradientGradientType=0，startColorstr=F4F5，endColorstr=dfdddd； }

---

谢谢你知道我如何将其他东西固定在顶部，这样它们在展开按钮时不会往下跳吗？定义tr的静态高度element@aze45sq6duse.myTable th、.myTable td{填充：10px；边框：1px实心黄花；垂直对齐：顶部；}要将文本固定到单元格顶部，您使用的框架中有哪些不支持引导？键入3，这相当糟糕