隐藏省略文字特效

效果类似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>