jQueryで表示文字数制限+α ref: http://qiita.com/ituki_b/items/2c1632b6d73a14d22061

file0.html

<ul>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
    <li class="textOverFlow02">開いて閉じる。あいうえおかきくけこさしすせそ</li>
</ul>

file1.css

.moreLead {
    color: blue;
    cursor: pointer;
}

.textOverFlow02 .moreTxt {
    display: none;
}

file2.js

$(function(){
    function textOverFlow02(){ //表示文字数制限+α
        var count = 10,
            target = $('.textOverFlow02');
        $('.textOverFlow02').each(function(){
            $(this).html($(this).text().replace($(this).text().slice(count),'<span class="moreTxt">'+$(this).text().slice(count)+'</span><span>…</span><span class="moreLead">[全文表示]</span>'));  
            $('.moreLead',this).toggle(function(){
                $(this).text('[閉じる]').parent().children('.moreTxt').show().next().hide();
            },function(){
                $(this).text('[全文表示]').parent().children('.moreTxt').hide().next().show();
            });
        });
    }
    textOverFlow02();
});