切換上部分文字

親愛的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

切換上部分文字

回答

相關問題