js显示与隐藏div（一）

功能：点击增加按钮显示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="增加" onclick="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="保存" onclick="save();"> </td>
<td width="4%"><input  name="" type="button" value="取消"onclick="reset();"></td>
</tr>
</table>
</div>