原文地址：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的一些标签，默认展开)

<div class="border-t-1px">
                <div class="custome flex-space-between p-r-md">商品信息
                    <a class="icon flex-self--align-center" role="button"  data-toggle="collapse"  href="#collapseExample_{$key}"><span>展开</span><i class="fa fa-chevron-down m-l-xxs"></i></a>
                </div>
                <div class="p-l-md m-t-md goodsinfo collapse in" id="collapseExample_{$key}">
                    {volist name="v.orderdetails" id="g"}
                        <div class="row m-t-xs">
                            <div class="col-md-6">{$g.goodsname}</div>
                            <div class="col-md-2">￥{$g.price}</div>
                            <div class="col-md-2">x{$g.sum}</div>
                            <div class="col-md-2">￥{$g.sum * $g.price}</div>
                        </div>
                    {/volist}
                </div>