切换上部分文字

亲爱的StackOverflow的朋友，我想申请JS的效果我在这个网站
goo.gl/F89yQX
为了点击“了解更多”后，现全文发现，和点击“隐藏文字”后减少文字。切换上部分文字

我发现在计算器上和谷歌很多类似的问题，在particoular这个例子 jsfiddle.net/8SXNZ/1/

$('.term-description').on('click', function() { 
$(this).toggleClass('open'); });

，但我不能将它修改我的需求：我有在Wordpress网站上使用它，我更喜欢使用“显示/隐藏文本”字符串的点击，恰好在我链接的第一个网站上。

这是我最后一次尝试 http://jsfiddle.net/leonardinha/hybvR/4/

$(document).ready(function() { 
$(".more_custom").click(function() { 
    $(".term-description").slideToggle(function() { 
     if ($(this).is(":visible")) { 
      $(".more_custom").text("Extend >>"); 
     } 
     else { 
      $(".more_custom").text("Reduce >>"); 
     } 
    }); 
}); });

，但我解决不了的问题是，从来没有出现的全文。感谢您的时间！

来源

2014-05-23 Elena

我拉着你的回答出的问题，并在这里张贴了未来用户：

<script type="text/javascript" 
src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js"> 
</script> 
<script type="text/javascript" 
src="http://plugins.learningjquery.com/expander/jquery.expander.js"> 
</script> 
<script type="text/javascript"> 
    $(function() { 
     $('div.readmore').expander({ 
      slicePoint: 200, 
      expandText: 'Click Here to Read More', 
      userCollapseText: 'Hide Text' 
     }); 
    }); 
</script>

这是对devcurry.com

发现

来源

2014-05-28 15:01:45 Andy

切换上部分文字

回答

相关问题