У меня есть несколько заголовков, которые переключают текст по щелчку мыши. Я бы хотел, чтобы содержащийся 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;}
Я пытался возиться с чем-то вроде этого, но, очевидно, это очень неудачная попытка! У кого-нибудь есть идеи, что я могу сделать? > <; </p>
$('.container_div')({adjustHeight: "dynamic" });
});