1 单个表格在页面中的显示和隐藏：

         function change() {       
       content.style.display = (content.style.display == "none") ? "block": "none";
       link1.innerText = (content.style.display == "none")? "显示" : "隐藏";

    }

Eg：

<span><a id="link1" href="javascript:change();">显示</a>基本信息 </span>

<div id="content">内容</div>

 

2 一个页面有多个要显示和隐藏的内容

 function toggle(targetId, link) {        
    if ($("#"+ targetId).css("display") == "none") {

            $("#"+ targetId).show();

            $("#"+ link).html("隐藏");       
    } else {

            $("#"+ targetId).hide();

            $("#"+ link).html("显示");      
        }

    }

说明：targetId是要隐藏的div的id，link是要改变的点击内容

Eg：

   <span>

     <a id="link1" href="javascript:toggle('content1','link1');">显示</a>基本信息

   </span>

<div id="content1">内容</div>