点击显示，隐藏的功能

我想实现点击上图的“全部”就展开隐藏的字体，看完内容再一次点击“全部”就收起字体，希望各位大神给个demo，或者方法。。。

http://www.cnblogs.com/ribavnu/p/3228887.html

http://bbs.csdn.net/topics/390825999

这个。。。给个onclick事件，然后js写点击隐藏，点击取消隐藏就行

 想实现点击上图的“全部”就展开隐藏的字体，看完内容再一次点击“全部”就收起字体，希望各位大神给个demo，或者方法<span id="spDetail" style="display:none">被省略的内容。。。。。。。。。。。。<br />被省略的内容。。。。。。。。。。。。</span><span id="dotted">。。。</span>【<a href="#" onclick="return showMore('spDetail')">全部</a>】

<script>
    function showMore(id) {
        var o = document.getElementById(id);
        document.getElementById('dotted').style.display = o.style.display == 'none'?'none':'inline'
        o.style.display = o.style.display == 'none' ? 'inline' : 'none';
        return false
    }
</script>

test！

记得先引用jquery！

 <span>来电内容：请尽快维修，谢谢！为客户提供优质的服务的同时讲究速度</span>
 <span id="dot">...</span>
 <span id="moreContent" style="display:none;">你想怎么样！说，你到底想怎么样！！！</span>
 <a id="all">【全部】</a>
 <script>
$(document).ready(function(){
        var o = $("#dot");
        var m = $("#moreContent");
         $("#all").click(function(){
                if(o.css("display") == ""){
                    o.css("display","none");
                    m.css("display","");
                }else{
                    o.css("display","");
                    m.css("display","none");
                }
        });
});
</script>