圧縮されたdivを展開する

クリックするとdivを展開できます。 "もっと見る"リンクを追加して、それを隠すようにするにはどうすればいいですか？divを有効にして、もっと見るリンクを基準にして行の高さを調整します。

$(document).ready(function(){ 
var rowsshown = 2; 
var rowheight = 1.2; // line height in 'em' 
var ht = (rowsshown * rowheight) - .5; // subtracting the .5 prevents the top of the next line from showing 
$('.info') 
    .css({'overflow':'hidden','line-height' : rowheight + 'em','height': ht + 'em' }) 
    .click(function(){ 
    if ($(this).css('height') == 'auto') { 
    $(this).css('height', ht + 'em'); 
    } else { 
    $(this).css('height','auto'); 
    } 
    }); 
})

出典

2011-10-25 Zhianc