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

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

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