Javascript 如何制作“阅读更多”按钮？

我需要为此代码创建一个“阅读更多”按钮：
读取更多信息的最大宽度应为767px

<div class="MsoNormal" style="padding-bottom: 15px"><h1 class="mobile-text-fix" style="font-size: 48px;!important; line-height: 120%!important;font-weight:300!important;margin:0px!important;letter-spacing:0px!important;">Lorem Impsum</h1></div>
<p class="MsoNormal"><span style="font-size: 12.0pt; line-height: 120%;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</span></p>

Lorem Impsum
Lorem ipsum door sit amet，consetetur sadipscing eliter，sed diam nonumy eirmod temporal invidund ut labour and dolore magna aliquyam erat，sed diam voluptua。在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 class="MsoNormal" style="padding-bottom:15px;padding-top:50px;"><h2 class="mobile-text-fix" style="font-size: 48px;!important; line-height: 120%!important;font-weight:300!important;margin:0px!important;letter-spacing:0px!important;">Lorem Impsum</h2></div>
<p class="MsoNormal"><span style="font-size: 12.0pt; line-height: 120%;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</span></p>

Lorem Impsum
Lorem ipsum door sit amet，consetetur sadipscing eliter，sed diam nonumy eirmod temporal invidund ut labour and dolore magna aliquyam erat，sed diam voluptua。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的

使用CSS样式为

溢出：隐藏的固定容器

隐藏多余的数据，然后在扩展容器时将容器的样式设置为可变而不是固定，即

高度：自动
示例：
到目前为止您尝试了什么？也许这可以帮助您：不要使用Word创建网页。请告诉我@Chris@NathanP. 我试过这个：）但是这个有效，但我不明白如何在767像素时显示它：/