继续阅读javascript中的链接

我有一个字段，如传记，有一个文本，我需要在第一页显示该字段的一半（一些），然后继续阅读链接出现，点击该链接后剩余的文字将显示在同一页面上

我需要在HTML中实现这一点。 谁能帮我？

Answer 1

请注意，这是快速原型设计。 如果你使用jquery，你可以获得更好的里程。

  Biography, first half ... Continue reading  Biography, second half 
  

如果您从完整的文本块开始，需要做客户端的所有事情：

 
 Biography first half Biography second half  

如果文本块不包含标记html，则可以获取传记div的内容并在页面加载时对其进行操作

Answer 2

看看演示

使用的代码（jQuery）：

 $(function(){ $('#readmore').click(function(){ $('#hello').animate({height:'100%'}); $(this).hide(); return false; }); }); 

Answer 3

例如，请参阅此jquery插件 。

Answer 4

您可以将文本包装在div中，并在DOM准备就绪后立即隐藏该div。 当任何人点击“继续阅读”链接时，您将显示div。 此外，您可以通过以下代码实现显示/隐藏效果：

  function toggle(element) { document.getElementById(element).style.display = (document.getElementById(element).style.display == "none") ? "" : "none"; } 

Answer 5

有更优雅的方法来绑定并执行此操作……但快速而肮脏的方法……

 show more 
... more here 

Answer 6

您可以使用子字符串分配数据var x = ${BIOGRAPHY.getData()};

然后var y只显示var x的前5个字符，这是你的数据。

 var y = x.substring(0,5); 

所以如果x = 123456789那么y只会显示12345

然后使用jquery我们可以做到

 
12345
 read more  

点击http://jsfiddle.net/alex00/7rn7Z/查看工作示例