Javascript 定义在引导中折叠时的最小高度

在Bootstrap中，我想在它崩溃时设置一个高度。通常，我希望在类中使用

.collapse.in保持可折叠区域的显示。因此，当它崩溃时，它不会将高度设置为零

崩溃前：


倒塌后：

更新：

#collapseOne{
    min-height:60px
}

$('#accordion').on('hidden.bs.collapse', function () {
    $('#collapseOne').removeClass('collapse').css({        
        'overflow': 'hidden',
        'height': '60px'
    })
})


CSS:

#collapseOne{
    min-height:60px
}

$('#accordion').on('hidden.bs.collapse', function () {
    $('#collapseOne').removeClass('collapse').css({        
        'overflow': 'hidden',
        'height': '60px'
    })
})

JQ:

#collapseOne{
    min-height:60px
}

$('#accordion').on('hidden.bs.collapse', function () {
    $('#collapseOne').removeClass('collapse').css({        
        'overflow': 'hidden',
        'height': '60px'
    })
})

因为我需要在多个元素上使用这个函数，所以我采用了上面@dm4web的答案，创建了一个更通用的函数，该函数迭代具有
.collapse
类和指定的
min height
的元素，并将逻辑应用于所有元素

HTML示例：

<!-- start fully shown, collapse down to 120px !-->
<div id="div1" class="collapse in" style="min-height: 120px;"> ... </div>

<!-- start collapsed at 6em !-->
<div id="div2" class="collapse in collapsed" style="min-height: 6em;"> ... </div>

在没有JS的情况下，示例是在SCS上编写的

.collapse{
    display:     block;
    visibility:  visible;
    overflow:    hidden;
    min-height:  60px; // whatever you want here
    height:      0; // if you want it to start collapsed, you need this, else remove this

    &.in{
      height: auto;
    }
  }

所以你想让盒子里面什么都不显示，比如说，一条平的水平线？另外，请添加你的CSS，这样我们就可以看到你在做什么。当它崩溃时，它应该会有一些高度（小盒子）。我认为引导折叠方法“.collapse（'show'）”可以解决这个问题。但我不知道怎么做。请看这个例子：我实际上想设置一个高度，而不是它的高度0。差不多完成了。：）我只需要一个标签，而不是3或4个标签。但当它点击时，它首先得到了0的高度，然后得到了60像素的高度。有没有办法让高度固定在60px左右。太棒了。现在它是完美的。：）这很好，但在添加
.collapse
标记之前，折叠时会导致“闪烁”隐藏。它需要CSS来解决这个问题，在这种情况下，你也可以使用下面@Max Sychov（由我编辑）提供的纯CSS解决方案。这种方法很好，因为我们可以在CSS文件中设置
min height
。我尝试了这种方法，在打开和关闭时效果很好，但在第一次加载页面时，折叠内容刚刚完全关闭，是否有一项工作可以使其在加载页面时达到例如160px的高度？@AleksandarĐ或đević您是否尝试了答案中的第二个HTML示例？这正是它所做的：
真棒的答案，纯SCS/CSSI做了一些编辑，使其更通用