jquery使用文本切换更改div大小

Question

我有一些标题可以在鼠标点击时切换文字。如果切换的文本溢出当前的div大小，我希望通过jquery增加包含div的大小...此时，文本只重叠包含的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;}

我试着摆弄这样的东西，但显然这是一次非常失败的尝试！任何人都有任何想法我能做什么？ ＆GT;＆LT ;;

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

Answer 1

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

这将解决你的问题。

div {word-wrap：break-word}