Collapse 组件可以切换内容的可见性 ..

要切换显示的内容可以放在一个带 collapse 类的容器里面 .. 它里面包装一个 card 组件 .. 里面添加点文字 ..

默认在 collapse 里面的内容不会显示在界面上 ..

在它的上面可以再添加一个控制元素 .. 可以使用链接或者按钮 .. 先添加一个链接 . 上面加上 btn btn-primary .. 链接的文字是 action link

在这个 collapse 元素的上面可以再添加一个 id， 比如可以叫它 collapse-demo ..

这个 a 标签上面链接的东西，也就是它的 href 属性的值，应该就是它切换显示的元素，这里就是 id 的值是 collapse-demo 的这个元素 ..

这个控制元素上还得再添加一个 data-toggle ，让它的值等于 collapse ，这样会触发它的行为 ..

按一下界面上这个 action link ... 会显示 collapse 里面的内容 .. 再按一下，又会隐藏 collapse 里的内容..

这个控制元素也可以是个按钮 .. 复制一份 .. 去掉 href 属性 .. 把 a 换成 button ..

按钮上面要添加一个 data-target 属性，设置一下它负责切换显示的元素 .. 这里就是 id 是 collapse-demo 的这个元素 ..

按钮上的文字是 action button

现在界面上这个 action button 也可以切换显示指定的 collapse 里面包装的内容 ...