為什么出錯呀？
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="utf-8">
? ? <title>全文展開與收起</title>
<style type="text/css">
body{margin: 0 auto;padding:0;font-size: 9pt;line-height: 180%;}
#pn{
? ? ?background: #f8f8f8;
? ? ?height: auto;
? ? ?width: 750px;
? ? ?margin:0 auto;
? ? ?padding:5px;
}
.arttitle{
? ? font-weight: bold;
? ? color:magenta;
? ? font-size: 11pt;
}
.subtitle{
? ? color:#ccc;
}
.content{
? ? border:1px solid #ccc;
? ? display: none;
? ? padding:5px;
}
.btm{
? ? text-align: right;
? ? height: 30px;
}
.btn{
? ? width: 80px;
? ? height: 20px;
? ? padding:5px 3px;
? ? text-align: center;
? ? text-decoration: none;
? ? background: #f0f0f0;
? ? border:1px solid #ccc;
}
</style>
</head>
<body>
<div id="pn">
? ? <div id="art0">
? ? ? ? <p>李克強：一些大城市一場暴雨就“看海”</p>
? ? ? ? <p>宏觀經(jīng)濟新京報[微博] 王姝2015-07-30 02:39</p>
? ? ? ? <p>
? ? ? ? ? ??
? ? ? ? ? ? 會議指出，針對長期存在的城市地下基礎(chǔ)設(shè)施落后的突出問題，要借鑒國際先進經(jīng)驗，在城市建造用于集中敷設(shè)電力、通信、廣電、給排水、熱力、燃氣等市政管線的地下綜合管廊，作為國家重點支持的民生工程，這可以逐步消除“馬路拉鏈”、“空中蜘蛛網(wǎng)”等問題。
? ? ? ? ? ? <a href="#" onclick="showdiv(this);">全文</a>
? ? ? ? </p>
? ? ? ? <div>
? ? ? ? “你挖了我填，你填好我再挖”造成浪費
? ? ? ? 2014年5月，李克強總理在內(nèi)蒙古赤峰考察一家污水處理廠的在建項目工地時表示，我們的許多城市表面光鮮亮麗，但地下基礎(chǔ)設(shè)施仍是短板。他當(dāng)時說：“‘面子’是城市的風(fēng)貌，而‘里子’則是城市的良心。只有筑牢‘里子’，才能撐起‘面子’，這是城市建設(shè)的百年大計?！?/p>
? ? ? ? 本次常務(wù)會議討論的城市地下綜合管廊，被總理視為“推動城市地下設(shè)施建設(shè)的一條可行通路”。地下綜合管廊，是指在城市地下用于集中敷設(shè)電力、通信、熱力等市政管線的公共隧道。
? ? ? ? “過去，因為體制分割，許多城市的路面常常是‘你挖了我填，你填好我再挖’，造成了大量的浪費?！笨偫頃险f，“但地下綜合管廊建設(shè)這一新模式，把各種地下設(shè)施都引入管廊，可以逐步消除‘馬路拉鏈’、‘空中蜘蛛網(wǎng)’等問題?！?/p>
? ? ? ? “對推進新型城鎮(zhèn)化建設(shè)有歷史意義”
? ? ? ? “要在城市地下綜合管廊建設(shè)中開展政府和社會資本合作(PPP)模式，有沒有成熟經(jīng)驗證明這一模式的回報率？”在討論這一議題時，李克強總理向有關(guān)部門負責(zé)人詢問。
? ? ? ? 這位負責(zé)人回答說，城市地下綜合管廊建設(shè)相當(dāng)于建設(shè)一條地下“高速公路”，只要是鋪設(shè)在城市地下的管線都要從管廊中通過。這是一個穩(wěn)定的市場，因此回報率會是長期穩(wěn)定的。
? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? <a href="#" onclick="hidediv(this);">收起全文</a>
? ? ? ? ? ? </div>
? ? ? ? </div>
? ? </div><!--文章-->
</div>
<script type="text/javascript">
? ? function showdiv(obj){
? ? ? ? var x=obj.parentNode;//摘要
? ? ? ? var y=x.nextSibling;//正文
? ? ? ? x.style.display="none";
? ? ? ? y.style.display="block"
? ? }
? ? function hidediv(obj){
? ? ? ? var y = obj.parentNode.parentNode;//這才是正文
? ? ? ? var x = y.previousSibling;//摘要
? ? ? ? x.style.display="block";
? ? ? ? y.style.display="none";
? ? }
</script>
</body>
</html>
2015-07-30
?function?showdiv(obj){ ????????var?x=obj.parentNode;//摘要 ????????var?y=nextnode(x.nextSibling);//正文 ????????x.style.display="none"; ????????y.style.display="block" ????} ????function?hidediv(obj){ ????????var?y?=?obj.parentNode.parentNode;//這才是正文 ????????var?x?=?nextnode(y.previousSibling);//摘要 ????????x.style.display="block"; ????????y.style.display="none"; ????} function?nextnode(node){ ???????????????????if(node.nodeType?==?1){?//判斷是否是元素節(jié)點,排除空的文本節(jié)點 ?????????????????????????return?node; ???????????} ??????????if(node.nextSibling){ ?????????????????????return?nextnode(node.nextSibling); ?????????} }