是否有一种简单的方法(在纯 javascript 中)在设置的最大高度和文本高度之间折叠 div？
详细地说，我想加载一个预设高度(例如 40 像素)的 div，并显示一个“显示更多”按钮，因此当您单击它时，div 设置为其中文本的高度(例如 80 像素)。当您再次点击时，您将 div 的高度设置为其初始高度(40 像素)。
一个可视化的例子是这样的:
初始状态(40 像素)
div 的文本
会是这样的
这个，所以当按钮
显示更多信息...
如果您点击“显示更多信息”，您将进入此状态(80 像素)
div 的文本
会是这样的
这个，所以当你按下按钮
被按下..
它显示剩余的文本
;)
显示较少信息...
如果你点击“show less info”，你会回到之前的状态(40 像素)
我试过使用height/max-height 和clientHeight，但是当你设置height您覆盖 clientHeight 的属性值。
提前致谢。如果解决方案太复杂，请毫不犹豫地回答。
最佳答案
关于javascript - 最大高度与原始文本高度之间的可折叠 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12251156/