如何使用閱讀更多切換爲動態文本

Question

隨着我的評價組合，用戶可以寫有關某些產品的文本。現在，當用戶寫入三行以上時，組件應該只顯示3行，並且添加Read More toggler，以便有人可以通過單擊Read More href來閱讀整個文本。請參閱http://jsfiddle.net/71w7tagr/2/如何在文本長度超過3行時添加閱讀更多Toggler？

Answer 1

取決於你的意思是三行。如果您正在談論段落標籤或字符數量，則相對簡單。只要數它們，如果它高於你想要的值，隱藏額外的。

var children = $('.text_container').children('p'); 

if (children.length > 3){ 
    children.slice(2).hide(); 
    children.slice(2,3).after('Read More Markup'); 
} 

然後，只需在「閱讀更多」文本中添加一個監聽器，該文本將顯示所有的孩子。