Jquery Div 展開收合

1.我需要做一個(gè)閱讀全文..並且能收起的功能

一開始我會(huì)先執(zhí)行一個(gè)方法show()，只顯示部分文字，之後點(diǎn)連結(jié)會(huì)顯示全部，但我收起這塊地方法不知如何運(yùn)作，懇請(qǐng)大神幫幫忙，給個(gè)方向

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）

Introduction_html+="<div class='doc_formation'>"                                    
$.each(this.board,function(){
Introduction_html+="<br><span class ='doc_title'>"+this.title+"</span><br>"
Introduction_html+="<span class='doc_connent'>"+this.content+"</span>"
});
Introduction_html+="<a class='back' href='javascript: void(0)' style='display:none' onclick=''>收起</a>"
Introduction_html+="</div>"

   function show(){
   $(".doc_formation").each(function(){
   var text=$(this).html();
    
    if($(this).text().length>lng){
         $(this).text($(this).text().substring(0,lng));
            $(this).html($(this).html()+"..."+"<a href='javascript: void(0)'> 閱讀全文</a>");
    }

    $(this).find("a").click(function(){
        $(this).parent().html(text);
       $(".back").css("display","block");
    })
})

}

我希望能按下收起，變回只顯示部分文字，然後點(diǎn)閱讀全文又可以跑出全部，我現(xiàn)在遇到的錯(cuò)誤是點(diǎn)了一個(gè)閱讀全文，按收起後，其他的閱讀全文就不能點(diǎn)擊了