[続きを読む]でテキストを省略、開閉できる「jTruncate」「jTruncSubstr」

「jTruncate」は、長くなってスペースをとってしまう文章を[続きを読む]などであらかじめ指定した文字数で省略して表示してくれるjQueryプラグインです。
ダウンロードはこちら デモ

スクリプト

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.jtruncate.js" type="text/javascript"></script>

実装

対象の要素にidもしくはclassを指定して、オプションを設定します。

<div id="div627">折りたたみする文章</div>

<script type="text/javascript">
$().ready(function() {
    $('#div627').jTruncate({
        length: 200,            // 表示する文字数
        minTrail: 0,            // 省略文字の最低文字数
        moreText: "more",       // 省略部分を表示するリンクの文字
        lessText: "hide",       // 省略部分を非表示にするリンクの文字
        ellipsisText: "...",    // 省略部分をあらわす文字
        moreAni: "fast",        // 折り広げるスピード
        lessAni: "fast"         // 折り畳むスピード
    });  
});
</script>

「折り畳む」の反意語って何なんでしょうね～。

オプション

• length：表示文字数 (デフォルト)300
• minTrail：省略文字の最低文字数(省略対象の文字数がこれ以下だったら省略はしませんという数字) (デフォルト)20
• moreText：「さらに」を表すテキスト (デフォルト)"more"
• lessText：「閉じる」を表すテキスト (デフォルト)"less"
• ellipsisText：省略部分を表すテキスト (デフォルト)"..."
• moreAni：開くスピード (デフォルト)なし
  jQueryのEffects/show()のspeedの設定 "slow"/"fast"もしくは秒数[ミリ秒]
• lessAni：閉じるスピード (デフォルト)なし
  jQueryのEffects/hide()のspeedの設定 "slow"/"fast"もしくは秒数[ミリ秒]

日本語では

日本語で必要に迫られたのでためしたところダメ。。と、検索してみたら対処してらっしゃるかたがいました。
jTruncSubstr
プラグインを読み込んで、
$('#div').jTruncate を$('#div').jTruncSubstrに置き換えるだけでよさそうです。
ありがとうございます。

Related

「続きを読む」(moreタグ)をカスタマイズ 時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2) 入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」 Bootstrap Modal + 拡張機能が実装できるプラグイン(Bootstrap 2) エフェクト豊富なニュースティッカー用プラグイン「inewsticker」 親要素の大きさに合わせてテキストをリサイズ「FitText」 テキストに装飾効果を付けるプラグイン ページ内のフォントサイズを変更してくれる「Text Resizer」