关于使用JQuery实现新浪微博通知的展开和收缩效果

RT，即通知文字的原始状态为一行字加省略号，点击展开后文字完全展开，点击收缩后文字变为原始状态。我的代码如下：<!DOCHTML html>
<head>
<title>展开菜单</title><!-- 伸展和收缩 -->
<script type="text/javascript" src="http://demo.com/jquery.js"></script> 
<script type="text/javascript">      $(document).ready(function(){
 
$(".alert").each(                            //实现div中文字的省略显示
        function(){
        var maxwidth=23;
         if($(this).text().length>maxwidth){
            $(this).text($(this).text().substring(0,maxwidth));
            $(this).html($(this).html()+'...');
         }
        });
 
 $(".middle").find("a").toggle(             //将点击的链接和点击事件绑定，点击前后交替执行以下两个函数
          function(){
     ->    var str = $(this).parent().find(".alert").text();  /*这里我使用parent().find()来调用alert是因为
   alert(str);                                         我的html中有多个类名相同的div（实际需要），  
   $(this).text("隐藏▲");                             以此确保点击相应展开按钮时只展开相应的div。*/
  },          function(){
   $(this).parent().find(".alert").each(
            function(){
            var maxwidth=23;
            if($(this).text().length>maxwidth){
             $(this).text($(this).text().substring(0,maxwidth));
             $(this).html($(this).html()+'...');
            }
           });
   $(this).text("显示▼");
  });
      });
    
</script></head>
<body><div id="check">
    <div class = "middle">
<a href="#" style = "text-decoration : none" ;"float:right">显示▼</a>
 <div class ="alert alert-info" >
 <p>
 驰名中外的少林寺坐落于河南登封的少室山阴，自北魏建寺以来已有一千五百来年的历史，在佛教中被誉为禅宗的“祖庭”。少林寺经历了历史兴衰朝代更替的洗礼，在繁荣与破败之间摇摆，最终迎来了先今的无比昌盛。然而，随着少林寺的国际化和品牌化，曾经的禅宗祖庭如今已被推上了舆论的风口浪尖，伴随着争议与繁盛艰难前行着。
 </p>
 </div>
</div>

<div class = "middle">
<a href="#" style = "text-decoration : none" ;"float:right">显示▼</a>
 <div class ="alert alert-info" >
 <p>
 你是我心中最美的云彩，让我用心把你留下来。留下来！！！
 </p>
 </div>
</div>

<div class = "middle">
<a href="#" style = "text-decoration : none" ;"float:right">显示▼</a>
 <div class ="alert alert-info" >
 <p>
 永远都唱着最炫的民族风，让爱卷走所有的尘埃
 </p>
 </div>
</div>
</div></body>
</html>这段代码现有的问题是在我打“->”的地方，我之所以要取str是因为在载入js的时候已经将所有同名的div设置为省略显示的初始状态，那么在点击相应展开按钮（链接）时，希望能显示该div的所有文字。但如果像我在打“->”的地方所写的一样，我所获取的文本内容是省略显示的文本（用后面的那句alert测试了），我现在的问题是：1.如何获取相应层的全部文字？（我自己的想法是将text（）和点击事件绑定,但因为之前的操作使得div状态发生改变，获取的也就是压缩了文本，所以要该前面省略显示的代码，但我不知道怎么弄）
2.获取文字后如何输出？（使用html（）吗？具体怎么写呢？）不知道还有没有别的解决方法，谢谢大家了。