实时更新高度jquery

Question

我有一个父div #lobipanel-multiple和两个子div，类lobipanel-parent-sortable。使用setHeight将lobipanel-parent-sortablediv的高度与父div的高度设置为#lobipanel-multiple。当页面加载时，它将lobipanel-parent-sortablediv的高度设置为父div的高度，即617px。但是在lobipanel-parent-sortablediv中有可折叠面板。所以当我折叠这些面板时，lobipanel-parent-sortable的高度没有更新，它仍然固定在617px，因为有空白，而且垂直滚动条仍然存在。理想情况下，lobipanel-parent-sortablediv的高度应该更新，但它没有发生。提前谢谢。

HTML代码 ---------------------------------

<div id="lobipanel-multiple">
<div class="col-md-6  lobipanel-parent-sortable">
<div class="panel">
Some content
</div>
<div class="panel">
Some content
</div>
<div>
<div class="col-md-6  lobipanel-parent-sortable">
<div class="panel">
Some content
</div>
<div class="panel">
Some content
</div>
<div>
</div>

Jquery代码 --------------------------------------------------------

$(document).ready(function() {
  function setHeight() {
    ptheight = $( '#lobipanel-multiple' ).height();
    $('.lobipanel-parent-sortable').css('height', ptheight);
  };
  setHeight();
});

Answer 1

您需要使用height:auto，这将完成工作

$(document).ready(function() {
  function setHeight() {
    $('.lobipanel-parent-sortable').css('height', 'auto');
  };
  setHeight();
});

小提琴来了