您可以在这里访问我的代码
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>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
