Javascript 扩展div和滚动

我有一些很长的描述。在页面加载时，我隐藏了长描述，而是截断它以显示短描述。我这样做的方式是切换描述div

它们看起来像这样：

你好，世界！我的名字是more

你好，世界！我的名字是more

你好，世界！我的名字是more

当您单击更多时，它将展开描述。在它扩展之后，它将有一个less，使它恢复为简短形式

问题是，如果描述足够长，一旦单击较少，您将无法再看到描述（因为您已将其滚动到屏幕外）

当用户单击less时，我希望它执行以下操作：

---

当显示less时，用户可以看到该描述下面的内容。因此，下面的所有内容都应该保持不变，而我们单击的描述上面的所有内容都会滑入视图。

使用jQuery slideUp、slideDown、slideToggle、hide、show。有很多方法可以做到这一点。

如何跟踪下面的描述可以保持不变吗？事实上，我确定这不是我想要的。我不需要动画。额外的文本已经存在。你只需决定要隐藏多少，然后显示/隐藏它。