Jquery 我可以根据元素的像素高度切换元素的内容吗？

使用我以前使用切换按钮使用显示和隐藏文本，但从我看到的情况来看，它只允许我显示和隐藏元素的全部内容

我需要的是已经有170px的元素内容可见，然后当点击按钮时，它会显示元素中的其余文本-但我需要在不添加任何额外元素的情况下执行此操作，它需要基于高度

---

这在引导中是可能的吗？如果不是，jQuery？

可以使用CSS进行元素样式化，然后通过Javascript应用类：

HTML：

<div class="toggle">
your huge text here...
</div>

和JS（使用jQuery）：

脚本的基本功能是在单击

.toggle

时进行检测，如果单击，则会切换类

.open

，该类将属性

高度设置为
自动
，使文本元素尽可能大

以下是一个工作示例：

.toggle{
    height:170px;
}
.open{
    height:auto;
}

$('.toggle').on('click', function () {
    $(this).toggleClass('open');
});