Javascript “显示更多”按钮可将内容增加到完整大小

我目前正试图用一个按钮来编程一个readmore div。我知道这里有一些尝试，但我一点也不喜欢它们，它们也帮不了我。所以我的计划是构建一个包含所有相关内容的div

在底部，我想显示一个带有按钮的div，该按钮将max height div增加到full，而不使用read more按钮。当用户单击该按钮时，我希望在不提供“显示较少”功能的情况下删除该按钮

这是我想法的一次尝试：

.wrapper{
边框：1px实心；
最大高度：200px；
溢出：隐藏；
位置：相对位置；
}
.内容{
填充：15px；
}
.显示更多包装器{
位置：绝对位置；
背景：线性梯度（rgba（255，255，255，0），rgb（255，255，255））；
底部：0；
宽度：100%；
高度：40px；
显示器：flex；
对齐项目：柔性端；
证明内容：中心；
}
钮扣{
边缘底部：10px；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
在亨德雷特的两个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里。这是一位杰出的领袖，他是一位伟大的领袖。
但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。在亨德雷特的两个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里，一个房间里。
不受时间和解决方案的限制，不受限制，不受限制，不受限制。这是一位杰出的领袖，他是一位伟大的领袖。但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。
在亨德雷特的两个房间里，有一个小房间，一个小房间，一个小房间。
在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。这是一个非常好的例子，因为它是一个非常好的例子。圣殿海位于塔基马塔和沃卢普图亚。这是我的不幸。科塞特图，洛雷姆·伊普苏姆·多洛·希特·阿梅特
显示更多

这基本上就是评论所说的，我在按钮上添加了一个单击事件，并调用了一个扩展div的函数。实际上，我将

最大高度设置为
1000px
，因为它看起来好像无法转换
自动
值。在仍然使用css转换的情况下，可能有更好的解决方法来设置高度，我对此不确定


$（“.show more wrapper”）。在（“单击”，e=>{
设$el=$（e.currentTarget）；
$el.closest（“.wrapper”）.addClass（“扩展”）；
$el.remove（）；
});
.wrapper{
过渡：最大高度1s；
边框：1px实心；
最大高度：200px；
溢出：隐藏；
位置：相对位置；
}
.wrapper.expanded{
最大高度：1000px；
}
.内容{
填充：15px；
}
.显示更多包装器{
位置：绝对位置；
背景：线性梯度（rgba（255，255，255，0），rgb（255，255，255））；
底部：0；
宽度：100%；
高度：40px；
显示器：flex；
对齐项目：柔性端；
证明内容：中心；
}
钮扣{
边缘底部：10px；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
乌尔普塔特省亨德雷特市的两个村庄