1 if(DIV是显示的){
2 div.style.display='none'
3 }
4 else{
5 div.style.display='block'
6 }
代码：
style:
1 <style>
2 #text{display:blockwidth:300pxcursor:pointerheight:20pxborder:solid 1px #CCC}
3 #menu{display:nonewidth:300pxheight:100pxborder:solid 1px #CCC}
4 </style>
js:
<script type="text/javascript">
window.onload=function(){
var wenzi=document.getElementById('text')
var div=document.getElementById('menu')
wenzi.onfocus=function(){
if(div.style.display=='block'){ // == 判断div.display是否为显示
div.style.display='none'//= 赋值也可了解成改变
}
else{
div.style.display='block'
}
}
}
</script>
html
<span id="text">点击显示菜单，再点击隐藏菜单</span>
<div id="menu">这是文字哦。</div>
你把文字放在一个<div>里,用js隐藏这个div就行了.
如:
<div id="hi">把我隐藏</div>
<script>
document.getElementById("hi").style.display="none"
</script>
你要知道，如果隐藏了是在页面上看不到的哦，你也没办法输入。<input type="hidden" name="textfield" value="abc" />
type="text" 换成 hidden( 隐藏） value就是数据
作用：可以让用户看不到的情况下，保存数据，以便传递
缺点：在页面没办法直接修改（半个优点半个缺点）
-----------------------------------
如果你需要可以隐藏，可以显示的话，你就要写javascript代码了，我推荐你去下载jquery包，里面有很多这样的方法，很方便，当然我下面的是javascript（已经调试）：
<script>
function test(id){//参数是id，如果对你name比较熟悉，你可以改改代码换成name
var id=document.getElementById(id)
if(id.style.display == 'none'){//none表示隐藏起来的意思，也就说如果这个元素是隐藏起来的话
id.style.display='block'//显示它
}else{//否则
id.style.display = 'none'//隐藏它；
}
}
</script>
<div onClick="test('test')">单击我显示隐藏的文本域</div>
<div style="display:none" id="test">我是隐藏起来的~：<input type="text" name="abc" />display:none就是css里隐藏某个元素的代码</div>
------------------------------------
好了，有问题就问我吧，可以百度联系我或者我们团队~
