图片.png

JQuery 控制脚本：

$('#collapse').collapse('hide')
$('#collapse').collapse('show')

<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">       
                    <!-- 通过href超链接链接到隐藏的内容，data-toggle 标记其身份。  -->
                    点击我进行展开，再次点击我进行折叠。--shown 事件
                </a>
            </h4>
        </div>
                 <!--  -->
        <div id="collapseexample" class="panel-collapse collapse">
            <div class="panel-body">
                Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
                cred nesciunt sapiente ea proident. 
                Ad vegan excepteur butcher vice lomo.
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () { 
        $('#collapseexample').on('show.bs.collapse', function () {
            //alert('嘿，当您展开时会提示本警告');})
    });
</script>