您可以在这里访问我的代码
http://jsfiddle.net/qba2xgh6/9/：
问题是当点击addInfo选项卡时，可以在展开text_area时找到一个跳转，即动画不顺畅。
<div class="form-group">
<a for="collapSEOne" data-toggle="collapse" href="#collapSEOne" aria-expanded="true" aria-controls="collapSEOne">+ addInfo</a>
<textarea class="form-control collapse" id="collapSEOne" rows="4"></textarea>
</div>
<div class="form-group">
<a for="collapseTwo" data-toggle="collapse" href="#collapseTwo" aria-expanded="true" aria-controls="collapSEOne">+ subtitle</a>
<input type="text" class="form-control collapse" id="collapseTwo">
</div>
解决方法
如果有人遇到这个问题，就像我刚才所说的那样，答案是将要折叠的内容包装在div中，并折叠封装div而不是内容本身。我更新了OP的小提琴演示：
http://jsfiddle.net/26272tzu/. OP的固定代码如下所示：
<div class="form-group">
<a for="collapSEOne" data-toggle="collapse" href="#collapSEOne" aria-expanded="true" aria-controls="collapSEOne">+ addInfo</a>
<div class="collapse" id="collapSEOne">
<textarea class="form-control" rows="4"></textarea>
</div>
</div>
