                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /展開與收起效果

為什么我的代碼沒有效果，但是測(cè)試彈出窗口正常？

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
????<title></title>
	<meta?charset="utf-8">
????<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:?#3030FF;
????????????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?5px?3px;
????????????text-align:?center;
????????????text-decoration:?none;
????????????background:?#f0f0f0;
????????????border:?1px?solid?#CCC;
????????}
????</style>
????<script?type="text/javascript">
????????//?顯示函數(shù)
????????function?showdiv(obj)?{
???????????obj.parentNote.style.display="none";
????????}

???????//?隱藏函數(shù)
????????function?hidediv(obj)?{
????????????
????????????
????????}

????</script>
</head>
<body>
????<div?id="pn">
????????<div?id="art0">
????????????<p?class="artTitle">
????????????????Slack：團(tuán)隊(duì)日常溝通協(xié)作工具典范
????????????</p>
????????????<p?class="subTitle">
????????????????作者：來自網(wǎng)絡(luò)?發(fā)表時(shí)間：2014-3-1
????????????</p>
????????????<p>
????????????????現(xiàn)在可以在Slack.com上申請(qǐng)成為試用用戶，這是一個(gè)面對(duì)企業(yè)、團(tuán)隊(duì)的協(xié)作工具，似乎需要試用企業(yè)域名后綴的郵箱。?Slack從目前看，基本符合我對(duì)團(tuán)隊(duì)溝通工具的完全要求。特點(diǎn)如下：
????????????????在所有端都可以進(jìn)行，即桌面端，包括Mac?OS和Windows系統(tǒng)；web端即瀏覽器；移動(dòng)端的支持包括iOS和Android。?同時(shí)，移動(dòng)端是有良好體驗(yàn)以滿足移動(dòng)辦公便利性的。
????????????????聚焦核心行為，即"發(fā)布一條信息"，團(tuán)隊(duì)成員只需要做一個(gè)這個(gè)基本行為即可。?發(fā)布一條...?
????????????????
				<a?href="#"?onclick="showdiv(this);"?>全文</a>
????????
			</p>????
????????????<div?class="content">
????????????????<p>
????????????????????現(xiàn)在可以在Slack.com上申請(qǐng)成為試用用戶，這是一個(gè)面對(duì)企業(yè)、團(tuán)隊(duì)的協(xié)作工具，似乎需要試用企業(yè)域名后綴的郵箱。?Slack從目前看，基本符合我對(duì)團(tuán)隊(duì)溝通工具的完全要求。特點(diǎn)如下：</p>
????????????????
????????????????<p>
????????????????????聚焦核心行為，即“發(fā)布一條信息”，團(tuán)隊(duì)成員只需要做一個(gè)這個(gè)基本行為即可。</p>
????????????????<p>
????????????????????發(fā)布一條信息這個(gè)行為可以擴(kuò)展成為該信息是一個(gè)圖片或者一個(gè)文件等，以便協(xié)作更好進(jìn)行，如果文件能快速預(yù)覽則更好。</p>
????????????????<p>
????????????????????支持@方式直接和單個(gè)團(tuán)隊(duì)成員溝通，并且能夠被其他成員看到和參與進(jìn)來。</p>
????????????????<p>
????????????????????以#來進(jìn)行快速形成話題組或者項(xiàng)目組。</p>
????????????????<p>
????????????????????良好的搜索支持。?上述雖然是Slack的特性，也是我對(duì)團(tuán)隊(duì)日常協(xié)作工具的要求——顯然，Slack完全符合這些要求，而且產(chǎn)品做得很易用。這些要求其實(shí)就是我對(duì)“移動(dòng)、社交、云端存儲(chǔ)”的理解，這三個(gè)因素基本會(huì)重寫很多軟件和應(yīng)用。</p>
????????????????<p>
????????????????????Slack有免費(fèi)的lite版本，但收費(fèi)版本似乎價(jià)格對(duì)中文用戶而言略高。</p>
????????????????<p>
????????????????????Slack由我很喜歡的項(xiàng)目Flickr的創(chuàng)始人新公司TinySpeck創(chuàng)辦，因此基礎(chǔ)甚好。而且從目前看，基本上會(huì)成為一個(gè)很成功的應(yīng)用，所以在產(chǎn)品持續(xù)發(fā)展上面應(yīng)該毫無問題。</p>
????????????????<p>
????????????????????The?post?Slack：團(tuán)隊(duì)日常溝通協(xié)作工具典范?appeared?first?on?游山打獵.</p>
????????????????<div?class="btm">
????????????????????<a?href="javascript:hidediv(this);"?class="btn">收起全文</a>????//點(diǎn)擊收起全文實(shí)現(xiàn)收起
????????????????</div>
????????????</div>
????</div>
????????<hr?/>
????????
??????
?????????
????</div>
</body>
</html>