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 { word-wrap: break-word }