使用按钮显示/隐藏DIV控制

时间:2012-05-25 00:07:55

标签: javascript css html

我有一个菜单栏,我想控制DIV的各种内容的可见性。目前,DIV的可见性和隐形性受到控制,但点击相同的按钮。我想要做的是启用菜单中选择的任何按钮,使之前的DIV不可见,并将其替换为所选DIV的可见性。

这可能吗??? 我用来调用DIV的脚本如下:

 <"javascript:unhide('unique DIV id goes here');">

任何帮助表示赞赏! 谢谢!

1 个答案:

答案 0 :(得分:3)

我认为您需要display属性。一些通用的东西:

  • 如果你想隐藏 - visibility: hidden \ visible
  • 如果您要替换 - display: none \ block

不同之处在于display元素会停止占用页面中的空间,而visibility中的元素会占用空间,但您看不到它们。

所以试试这个:

function unhide(id){
   document.getElementById(id).display = 'none';
}