Javascript 避免引导选项卡增加站点高度

我在一个页面上有一个引导选项卡组件，它有两个选项卡内容，其中一个比另一个长得多

即使较小的选项卡设置为活动，页面也会在选项卡下方显示一个较长的空白区域，其高度与第二个隐藏的选项卡内容相同

我的问题是如何使选项卡容器通过当前活动的选项卡设置其高度。我的意思是，当查看较小的一个时，高度是基于它设置的，只有当用户选择另一个时，它的高度才会增加

---

希望答案是清楚的。非常感谢您的帮助。

您能提供一个屏幕截图、小提琴或示例代码吗？在div中添加一个显示数据描述的自定义类，然后编写高度：auto；对于该类。您确定已正确实现它吗？未激活的选项卡被设置为“显示：无”，这意味着它们没有占用空间。我刚刚检查了我所做的选项卡的一个实现，非活动选项卡的行为与您描述的不一样。对不起，是我的错。在检查了JSFIDLE之后，选项卡按预期工作，问题是另一个jQuery在站点上实现了更高的高度。再一次，对不起。