Question

当我通过切换功能（或隐藏/显示）隐藏一些div时，我想自动调整我的2列（sameht）的高度。

<div class="span2 sameht">
  <div class="content">
     <div class="hidelevel">something</div>
     <div>something</div>
     <div>something</div>
     <div>something</div>
  </div>
</div>

<div class="span3 sameht">
  <div class="content">
     <div>something</div>
     <div>something</div>
  </div>
</div>

<!-- how it should be sameht after hide divs-->

<div class="span2 sameht2">
  <div class="content">
      <div>something</div>
      <div>something</div>
      <div>something</div>
  </div>
</div>

<div class="span3 sameht2">
   <div class="content">
      <div>something</div>
      <div>something</div>
   </div>
</div>

<!-- toggle -->

<div id="toggle">Toogle Visibility sameht</div>

对于我使用此代码的列具有相同的高度

$( function() {
   adjustHeight();
    $("#toggle").click(function(){
        $(".hidelevel").toggle();
        adjustHeight();
    });
});

function adjustHeight(){
var maxHeight = 0
    $('.sameht').each(function() {
    if ($(this).height() > maxHeight) {
    maxHeight = $(this).height();
    }
});
$('.sameht').height(maxHeight);
}

var maxHeight = 0
$('.sameht2').each(function() {
    if ($(this).height() > maxHeight) {
    maxHeight = $(this).height();
    }
});
$('.sameht2').height(maxHeight);

当我隐藏div（.hidelevel）并调用adjustHeight函数时，“sameht”列不会调整列的高度（请参阅sameht2应该如何）。

你知道我怎么能这样做？感谢。

Fiddle Example

Answer 1

您可以使用

$('.sameht2').css('height','500px');

获得你想要的结果。

JD

自动调整隐藏/显示div上的列高度（第2部分）

1 个答案: