bootstrap 3.0 之collapse的使用

原文地址:http://v3.bootcss.com/javascript/#collapse
button标签上添加data-target="#i_d",或者在a标签上添加href="#i_d",其中id为你想要控制收起展开的标签的id
这样子,当你点击带有data-target="#i_d"button标签或带有href="#i_d"a标签时,id值为i_d的标签就会相应展开或收起。

默认展开

id值为i_d的标签上添加class="collapse in"

默认收起

id值为i_d的标签上添加class="collapse"

示例(使用了ThinkPHP 5.0的一些标签,默认展开)

商品信息 展开
{volist name="v.orderdetails" id="g"}
{$g.goodsname}
¥{$g.price}
x{$g.sum}
¥{$g.sum * $g.price}
{/volist}

你可能感兴趣的:(bootstrap 3.0 之collapse的使用)