如何打开手风琴项目并发布其展示的活动？

Question

我有一个show.bs.collapse的事件处理程序 - 一个bootstrap手风琴的事件。

$('.collapse[data-location]').on('show.bs.collapse', function (e) {
  //Do Something...
}

如果用户打开它，则执行此事件处理程序。到目前为止还好。

现在我想通过Jquery打开一个特定的项目：

$('.panel-collapse').collapse('show');

特定项目正在打开，但不会触发上述事件处理程序。

那么如何打开一个手风琴项目，尊重每个show.bs.collapse - 事件处理程序？

这是我的HTML，如果这很重要：

<div class="panel-group accordion">
    <div class="panel panel-bordered panel-primary">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" href="#location1">Hamburg</a>
            </h4>
        </div>
        <div class="panel-collapse collapse" id="location1" data-location="1" style="position:relative">
            <div class="panel-body">
                <div>
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#TabTimespan1" role="tab" data-toggle="tab">Zeitraum</a></li>
                        <li role="presentation"><a href="#TabCompare1" role="tab" class="compare-tab-link" data-toggle="tab">Vergleich</a></li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="TabTimespan1"></div>
                        <div role="tabpanel" class="tab-pane" id="TabCompare1"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- .... -->
</div>