jquery文章展开效果

jquery文章展开效果：

<script type="text/javascript">

$(function(){
    $(".content").each(function(){
        var maxwidth=60;//设置最多显示的字数
        var text = $(this).text();
        if($(this).text().length>maxwidth){
            $(this).text($(this).text().substring(0,maxwidth));
            $(this).html($(this).html()+"..."+"<a href='###'> 点击展开</a>");//如果字数超过最大字数，超出部分用...代替，并且在后面加上点击展开的链接；

        };
        $(this).find("a").click(function(){
            $(this).parent().text(text);//点击“点击展开”，展开全文
        })
    })
})

</script>