<!DOCTYPE htm>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<style>body {margin:20px}</style>

<div class="panel-group" id="accordion">

    <div class="panel panel-info">

        <div class="panel-heading">

            <h4 class="panel-title">

                <a data-toggle="collapse" data-parent="#accordion" 

                href="#collapseexample">点我进行展开，再次点我进行折叠 ( shown 事件 )

                </a>

            </h4>

        </div>

        <div id="collapseexample" class="panel-collapse collapse">

            <div class="panel-body">只要用心为用户挖掘想要的功能，这些不谋而合的想法就会不断出现

            </div>

        </div>