jquery 通过文本切换更改 div 大小

Question

我有一些标题可以在鼠标单击时切换文本。如果切换的文本溢出当前 div 大小，我希望包含的 div 通过 jquery 增大大小...目前，文本仅与包含的 div 重叠。 :(

文本切换：

$(document).ready(function(){
$(".parents-toggle > div").click(function () {
$(".parents-toggle > div..iteminfo-toggle").not($(this).siblings()).slideUp();
$(this).siblings(".iteminfo-toggle").slideToggle();
});
});

html:

<div class="container_div">
<div class="parents-toggle">
<div class="itemheadings_toggle">Description</div>
<div class="iteminfo-toggle hidden">
text description
</div>
</div>
<div class="parents-toggle">
<div class="itemheadings_toggle">Description 2</div>
<div class="iteminfo-toggle hidden">
more text
</div>
</div>
</div>

div 容器

 .container_div{ width: 400px; height:500px;border: 1px solid #000;float: left;position: relative;}

我尝试摆弄类似的东西，但显然这是一次非常失败的尝试！有人知道我能做什么吗？><;

$('.container_div')({adjustHeight: "dynamic" });
});

Answer 1

您可以在 div 中使用自动换行。

这将解决您的问题。

div { 自动换行：换行 }