1

我发现了几段不同的代码，但我不知道如何将它们放在一起，以便它们一起工作。请帮忙。

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

Explode/Implode Text：使用 jQuery 将文本从字面上分解到随机位置

我如何结合2？我想从隐藏的部分段落文本开始，当有人点击“阅读更多”时，它会显示（打开）一个“点”，其中 Implode 文本将聚集在一起并用文本、图像显示段落的其余部分，管他呢。因为当有人点击“折叠文本”时，显示的部分段落会爆炸，“点”会关闭并将页面恢复到原来的状态。

4

1 回答 1

0

您想要打开和扫除的空间应该作为默认的 DOM 操作“自动清理”以某种方式自动发生。这段代码应该完全符合您的需要:)

编辑我已更改此代码以适用于任何 jquery/jquery UI。从文本中删除显示无并使用此代码。

 <a href="javascript:;" id="openLink">Read More</a>
 <p id="text" >lorem ipsum dolowhatever this is</p>

 <script type="text/javascript">
$(document).ready(function(){ 
 $("#text").hide();
 $("#openLink").toggle(function () {
   $("#text").show('explode', {}, 600);
   $("#openLink").text("Read Less");
   }, function () {
   $("#text").hide('explode', {}, 600);
   $("#openLink").text("Read More");
  });
});
</script>

参考 -->演示--> JSFiddle

于 2013-01-28T17:52:16.933 回答