显示/隐藏时爆炸/内爆文本(而不是展开但重新构建页面恢复正常)

我发现了几个不同的代码片段,但我不知道如何完全放置它们以便它们一起工作。 请帮忙。

显示/隐藏部分文本: 使用JQuery显示更多显示

爆炸/内爆文本: 使用jQuery将文本分解为随机位置

我如何结合2? 我想首先隐藏段落文本的部分内容,当有人点击“阅读更多”时,它会显示(打开)一个“点”,其中Implode文本将聚集在一起并显示段落的其余部分,包含文本,图像,管他呢。 当有人点击“折叠文本”时,显示的段落的部分将爆炸,“点”将关闭并将页面恢复回原来的状态。

您想要打开并扫除的空间应该自动发生,因为默认的DOM操作“在自己之后清理”。 这段代码应该完全符合你的需要:)

编辑我已将此代码更改为适用于任何jquery / jquery UI。 从文本中删除display none并使用此代码。

Read More 

lorem ipsum dolowhatever this is

参考 – > 演示 – > JSFiddle