Javascript jQuery手风琴中的动态内容（Textarea）

这个场景非常简单，我在jQuery手风琴中有一个textarea。当我在浏览器上调整文本区域的高度时，当前手风琴的内容与下面的手风琴重叠

<div class="accordion">
    <h3>Sec 1</h3>
    <div>
        <textarea></textarea>
        I move with the textarea
    </div>
</div>

<div>
    <span>I am being overlapped :o</span>
</div>

如何处理文本区域的大小调整？我不想捕获调整大小事件，因为我有许多文本区域，我不想跟踪它们的所有初始尺寸。谢谢

编辑

我现在意识到，默认情况下，accordion将为“溢出”内容创建一个滚动条。我希望我的内容能够动态地调整高度，所以我对css做了过度的修改

.ui-accordion .ui-accordion-content {
        overflow: visible !important;
 }

这里是一个工作演示

---

我想你的问题的答案在这里：。在本主题的第一篇文章中，您可以找到非常有用的JSFIDLE代码：手风琴中有4个textarea，它们没有重叠

---

顺便说一句，谢谢你的问题，我正在研究一种适合我7个文本区域的方法，现在我找到了解决方案

设置

高度：自动！重要的

用于

.ui手风琴.ui手风琴内容

.ui-accordion .ui-accordion-content {
  height :auto !important;
  padding: 0px;
  overflow: visible !important;  
}

---

演示：

为了更好地理解，请提供一个有效的演示（代码段，JSFIDLE…）好的。。第一次使用JSFIDLE。。即将上传//jsfiddle.net/normangr7/vebw8o0b/试试这个我已经看过了。我不认为它回答了我的问题。您可以使用我的JSFIDLE示例来了解我的意思。谢谢你！正是我需要的。然而，我注意到现在当我折叠手风琴时，没有动画，只有瞬间。对于自动生成的高度，必须进行权衡。很好，我已经对

动画制作
做了一些小改动。试试这个。干得好！非常感谢！
.ui-accordion .ui-accordion-content {
  height :auto !important;
  padding: 0px;
  overflow: visible !important;  
}