功能：点击增加按钮显示div标签，再点击消失。进入界面时不显示。

//进入时隐藏
$(document).ready(function(){
 $("#showHide").hide(); 
});

//显示和隐藏函数 
 function  showOrHide(){
 if(showHide.style.display=='none'){
 showHide.style.display='block';//block为显示
 }
 else{
 showHide.style.display='none';// none为不显示  
 }
 }
 
注 ：有的浏览器不能使用，建议看本人的第二篇博客。
<input type=button id="showOrHide" value="增加" οnclick="showOrHide();" />  
 <div id="showHide" > 
     <table border="1" style="width:90%">
 <tr style="font-size: 18px;color: blue">
 <td >用户名<input  id="addName" name="Name" type="text" value=""></td>
 <td >密码<input  id="addPWD" name="Password" type="text" value=""></td>
 <td >电话<input  id="addTelCode" name="TelCode" type="text" value=""></td>
 <td width="4%"><input name="" type="button" value="保存" οnclick="save();"> </td>
 <td width="4%"><input  name="" type="button" value="取消"οnclick="reset();"></td>
 </tr>
 </table>
 </div>