javascript 按扭显示 隐藏的效果

来源：百度知道 编辑：UC知道 时间：2024/06/06 12:17:13
请教各位大哥。
如何实现一个BUTTON按扭单击显示一个层。再单击把他关闭呢？

设置那个层的CSS:display属性就行了。

隐藏：display:none
否则就是显示

<div style="border:1px solid #000000;width:150px;height=50px;">
<div id="box" style="background-color:red;width:150px;height=50px;">show</div>
</div>
<input type="button" onclick="showblock('box');" value="button" id="btn" />

<script type="text/javascript">
function showblock(obj) {
var b = document.getElementById(obj);
if( b.style.display=='' ) {
b.style.display = 'none';
} else {
b.style.display = '';
}
}
</script>