带有“查看更多”链接的动态缩短文本区域

Question

我需要向我的网站添加具有以下特征的文本区域：

• 只有前 2 行应该是可见的，带有“查看更多”链接。

• 当用户点击查看更多时，剩余的文本会显示而不刷新页面...

它应该类似于 Facebook 的“查看更多”功能，显示完整的 cmets 内容，如果这些内容被缩短的话。

（可选）我想使用滑动效果来显示文本区域的全部内容。

谢谢

Answer 1

我能想到的实现您正在寻找的效果的最简单方法是加载全文，然后使用jQuery Expander Plugin 之类的东西来隐藏“额外”文本，直到用户选择点击链接。