Question

这个场景很简单，我在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").accordion("refresh");

如何处理文本区域的大小调整？我不想捕捉调整大小事件，因为我有很多文本区域，我不想跟踪他们的所有初始维度。谢谢！

修改

我现在意识到，默认情况下，手风琴会创建一个滚动条，以便溢出＆＃39;内容。我希望我的内容动态调整高度，所以我在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

Answer 2

我认为你的问题的答案在这里：jQuery accordion w/input, how do you get the input to not close the accordion & still be able to control it?。在本主题中，在第一篇文章中，您可以找到非常有用的jsfiddle代码：手风琴中有4个textarea，它们没有重叠。

顺便感谢你的问题，我正在研究一种方法，在一个页面中装入我的7 textarea，现在我找到了解决方案。

jQuery Accordion中的动态内容（Textarea）

2 个答案: