学步园

经常会看到一些文章列表，每个item只显示一两行的文字，然后点击“详细”的时候，再展开文字

自己用jq写了一个~

var text = $(".content").text();
var textNum = text.length;
var textInt = text.slice(0,140);
    $(".content").each(function () {
if (textNum >= 160) {
            $(this).html(textInt + "..." + "<a class='dis_btn'>详细</a>")
            $(".dis_btn").click(function () {
                $(".content").text(text);
            });
return false;
        } else {
            $(".content").each(function () {
                $(this).text(text);
            })
        }
    })