在combox选择更改时Bootstrap可折叠中断

Question

我的可折叠div看起来像这样，点击btnCollapse后会折叠/展开。

只要我在下拉菜单中更改选项，折叠式div就会停止扩展。我究竟做错了什么 ？有什么提示吗？

<div class="panel-heading" style="padding-bottom:20px;">
   <h4 class="panel-title">
      <a data-toggle="collapse" id="btnCollapse" href="#collapse1" style="float:right;">Hide Filter</a>
   </h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
   <div class="col-sm-6">
      @Html.DropDownListFor(m=>m.SelectedCat,new SelectList(Model.Cat, "Id", "Name"),"Select ..",new { @class= "form-control" })
   </div>
</div>