隐藏省略文字特效

效果类似http://w.mengxiang.org/index.php?do=user_space&uid=398309,超过规定字符就会截断

<div id="hutia">
挠一挠二挠金桥,
金桥底下裂瓜瓢,
裂什么裂,猪八戒,
猪什么猪,耗子哭,
耗什么耗,儿马尿,
儿什么儿,张家屯,
张什么张,五杆枪,
五什么五,牛屁肚,
牛什么牛,嘎蛋球,
嘎什么嘎,燕燕瓦,
燕什么燕,扯几把蛋,
扯什么扯,孙老戈,
孙什么孙,吕洞宾,
吕什么吕,刷锅底,
刷什么刷,豆腐渣。
不要忘记我们的回忆,不要忘了我们的梦~
不要忘记我们的回忆,不要忘了我们的梦~
不要忘记我们的回忆,不要忘了我们的梦~
</div>
<p>
  <script>
(function(){
  var o = document.getElementById("hutia");
  var s = o.innerHTML;
  var p = document.createElement("span");
  var n = document.createElement("a");
  p.innerHTML = s.substring(0,100);
  n.innerHTML = s.length > 100 ? "...展开" : "";
  n.href = "###";
  n.onclick = function(){
    if (n.innerHTML == "...展开"){
      n.innerHTML = "收起";
      p.innerHTML = s;
    }else{
      n.innerHTML = "...展开";
      p.innerHTML = s.substring(0,100);
    }
  }
  o.innerHTML = "";
  o.appendChild(p);
  o.appendChild(n);
})();
  </script>
</p>