javascript - jQuery Accordion 内的动态内容(文本区域)

Question

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

<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 克服了这个问题。

$(".accordion").accordion("refresh");

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

编辑

我现在意识到，默认情况下， Accordion 将为“溢出”内容创建一个滚动条。然而，我希望我的内容能够动态调整高度，所以我对 css 进行了覆盖

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

这是一个工作演示。

https://jsfiddle.net/normangr7/vebw8o0b/

Answer 1

设置 height : auto !important;对于 .ui-accordion .ui-accordion-content

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

演示:http://jsfiddle.net/kishoresahas/vebw8o0b/1