angular-ui崩溃css动画问题与bootstrap面板

Question

我在Plunker创建了一个演示 ，我使用angular-ui collaspe来处理bootstrap panel，
但似乎ui动画效果不佳，当我点击标题栏到collaspe时，面板体将动画显示其默认填充15px，然后立即消失。如果我删除面板主体的填充，动画看起来很顺利。那么我如何保持填充并修复动画问题？

Answer 1

您应该将panel-body放在另一个标有panel-collapse类的标记中，如下所示：

<div class="panel-collapse" collapse="collaspe1">
    <div class="panel-body">
        <div class="group-item" ng-repeat="group in recommendedGroups">
            <span>{{group.name}}</span>
            <button type="button" class="btn btn-danger btn-xs pull-right">Add</button>
        </div>
    </div>
</div>

查看更新的demo。我从Accordion的标记中得到了这个线索。