如何创建“少阅读”链接按钮以显示较少的文本

我需要帮助…我的post有一些文字“blablablabalbalbalablala …阅读更多”当我点击阅读更多我看到整个post，用这个代码

$(function(){ $('.news').each(function(event){ var max_length = 450; if($(this).html().length > max_length){ var short_content = $(this).html().substr(0,max_length); var long_content = $(this).html().substr(max_length); $(this).html(short_content+'
Read More'+ ''+long_content); $(this).find('a.read_more').click(function(event){ event.preventDefault(); $(this).hide(); $(this).parents('.news').find('.more_text').show(); }); } }); }); 

这工作正常，但是，如何添加Read less按钮，所以当我点击它时，我将回到以前的位置……？

新来的对不起……好吧，我有

 
 some text some text some text some text some text some text  

并且在我的jquery代码中读取更多…所以我不知道如何添加Read Less …？ 🙂

Answer 1

我不得不稍微修改你的代码，看看这里

我添加了另一个按钮（Read Less），它将.news标记的innerHTML更改为short_content值

 $('a.read_less').click(function(event) { event.preventDefault(); $(me).html(short_content); $(this).hide(); $('a.read_more').show(); });