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

Question

I have a menu bar that I want to control the visibility of DIV's featuring varied content. Currently the DIV's visiblity and invisibility is controlled but clicking on the same button. What I want to do is enable any button selected in the menu to make the previous DIV invisible and replace it with the selected DIV's visibility.

Is this possible??? The script that I'm using to call up the DIV is as follows:

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

Any help appreciated! Thanks!

Answer 1

I think you need the display property. Some general stuff:

• If you want is to hide - visibility: hidden \\ visible
• If you want to replace - display: none \\ block

The difference is that in display the element stops taking up space in the page, and in visibility they do take space, but you don't see them.

So try this:

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