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

我需要帮助…我的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 …？ ?

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

以上就是jQuery教程分享如何创建“少阅读”链接按钮以显示较少的文本相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。