jTruncate

  $('#div627-e-jTruncate').jTruncate({  
    length: 20,  
    minTrail: 0,  
    moreText: "more",  
    lessText: "hide",  
    ellipsisText: " ...",  
    moreAni: "fast",  
    lessAni: "fast"
  });  
Note that if you override the default animation options, you will notice a "new line" inserted at the point of truncation. This is because the hide/show methods require the animated element to be block level, and thus will begin on its own line. Also note that jTruncate chooses the split location by starting at the length you specify (or the default) and then finds the next space. This is to prevent truncation in the middle of an html tag. This implies that the text needs to have spaces in it (duh), and that any tags within the truncated text cannot contain a space (i.e.

= bad).

ああああああああああああああああああああああああああああああああああああああああ

jTruncSubstr

  $('#div627-j-jTruncSubstr').jTruncSubstr({  
    length: 20,  
    minTrail: 0,  
    moreText: "more",  
    lessText: "hide",  
    ellipsisText: " ...",  
    moreAni: "fast",  
    lessAni: "fast"
  });  
Note that if you override the default animation options, you will notice a "new line" inserted at the point of truncation. This is because the hide/show methods require the animated element to be block level, and thus will begin on its own line. Also note that jTruncate chooses the split location by starting at the length you specify (or the default) and then finds the next space. This is to prevent truncation in the middle of an html tag. This implies that the text needs to have spaces in it (duh), and that any tags within the truncated text cannot contain a space (i.e.

= bad).

ああああああああああああああああああああああああああああああああああああああああ