Jquery изменить размер div с помощью переключения текста

У меня есть заголовки, которые переключают текст при щелчке мыши. Я хотел бы, чтобы содержащий 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;}

Я пытался возиться с чем-то вроде этого, но, очевидно, это очень неудачная попытка! У кого-нибудь есть идеи, что я могу сделать? >‹;

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