我正在尝试使用bootstrap框架构建以下接口：
它应该包含两种类型的行的表，比如类型＃1和类型＃2。这些类型中的每一种每行具有不同数量的细胞。 类型＃2的几行可以跟随行类型＃1。 我希望能够通过点击它来隐藏/显示类型＃2的所有行，这些行在＃1行之后。
例如，我有表
行类型＃1
行类型＃2
行类型＃2
行类型＃2
行类型＃1
行类型＃2
行类型＃2
通过单击第一行表视图应按以下方式更改：
行类型＃1
行类型＃1
行类型＃2
行类型＃2
如何使用bootstrap或其他框架完成此操作？
我是网络开发的新手，所以最好避免使用jQuery，JS。