<!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)?{
????????var?x?=?obj.parentNode;
x.style.display="none";
x.nextSibling.style.display="block";
????????}
???????//?隱藏函數(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ā)表時間：2014-3-1
????????????</p>
????????????<p>
????????????????現(xiàn)在可以在Slack.com上申請成為試用用戶，這是一個面對企業(yè)、團(tuán)隊(duì)的協(xié)作工具，似乎需要試用企業(yè)域名后綴的郵箱。?Slack從目前看，基本符合我對團(tuán)隊(duì)溝通工具的完全要求。特點(diǎn)如下：
????????????????在所有端都可以進(jìn)行，即桌面端，包括Mac?OS和Windows系統(tǒng)；web端即瀏覽器；移動端的支持包括iOS和Android。?同時，移動端是有良好體驗(yàn)以滿足移動辦公便利性的。
????????????????聚焦核心行為，即"發(fā)布一條信息"，團(tuán)隊(duì)成員只需要做一個這個基本行為即可。?發(fā)布一條...?
????????????????
<a?href="#"?onclick="showdiv(this);"?>全文</a>
????????
</p>????
????????????<div?class="content">
????????????????<p>
????????????????????現(xiàn)在可以在Slack.com上申請成為試用用戶，這是一個面對企業(yè)、團(tuán)隊(duì)的協(xié)作工具，似乎需要試用企業(yè)域名后綴的郵箱。?Slack從目前看，基本符合我對團(tuán)隊(duì)溝通工具的完全要求。特點(diǎn)如下：</p>
????????????????
????????????????<p>
????????????????????聚焦核心行為，即“發(fā)布一條信息”，團(tuán)隊(duì)成員只需要做一個這個基本行為即可。</p>
????????????????<p>
????????????????????發(fā)布一條信息這個行為可以擴(kuò)展成為該信息是一個圖片或者一個文件等，以便協(xié)作更好進(jìn)行，如果文件能快速預(yù)覽則更好。</p>
????????????????<p>
????????????????????支持@方式直接和單個團(tuán)隊(duì)成員溝通，并且能夠被其他成員看到和參與進(jìn)來。</p>
????????????????<p>
????????????????????以#來進(jìn)行快速形成話題組或者項(xiàng)目組。</p>
????????????????<p>
????????????????????良好的搜索支持。?上述雖然是Slack的特性，也是我對團(tuán)隊(duì)日常協(xié)作工具的要求——顯然，Slack完全符合這些要求，而且產(chǎn)品做得很易用。這些要求其實(shí)就是我對“移動、社交、云端存儲”的理解，這三個因素基本會重寫很多軟件和應(yīng)用。</p>
????????????????<p>
????????????????????Slack有免費(fèi)的lite版本，但收費(fèi)版本似乎價格對中文用戶而言略高。</p>
????????????????<p>
????????????????????Slack由我很喜歡的項(xiàng)目Flickr的創(chuàng)始人新公司TinySpeck創(chuàng)辦，因此基礎(chǔ)甚好。而且從目前看，基本上會成為一個很成功的應(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>
2016-12-02
? function showdiv(obj) {
? ? ? ? var x = obj.parentNode;
? ? ? ? ? ? x.style.display="none";
? ? ? ? ? ? x.nextSibling.style.display="block";
? ? ? ? }
?我刪掉了html中<p>和.content之間的空格,lz的代碼就可以運(yùn)行了
?????????????<p>……
????????????????<a?href="#"?onclick="showdiv(this);"?>全文</a>
????????????</p><div?class="content"> ? //中間沒有空格
? ? ? ? ? ? <p>
? ? ? ? ? ? ?現(xiàn)在……特點(diǎn)如下：
????????????</p>
2015-08-07
x.nextSibling得到的值是個空格 ? 所以你的頁面效果沒出來
在Firefox中，x的nextSibling并不是congtent，因?yàn)閮烧咧g有一個換行符 ? ??這被認(rèn)為是一個空格 ? ?如果你想通過x的值得到content里的內(nèi)容 ?而不是按照老師設(shè)置x和y的變量獲取值 ?那么你就試試
x.style.display = "none";
x.nextSibling.nextSibling.style.display = "block";
寫兩個nextSibling ?第一個nextSibling得到空格 ?第二個nextSibling就得到你想要的值了 ??親測有效 ? 你可以試試看
?
2015-04-30
?function?showdiv(obj)?{ ???????????? ??????????????var?x=obj.parentNode; ???????????var?y=x.nextSibling; ???????????while(y.nodeType!=1){ ???????????????y=y.nextSibling; ???????????} ????????????x.style.display="none"; ????????????y.style.display="block"; ???????????? ??????????? ????????}顯示代碼要進(jìn)行一個判斷，否則找不到節(jié)點(diǎn)。