使用Javascript隐藏/显示额外内容

Question

我暂时没有使用Javascript而且我几乎忘记了它，但我想提醒如何显示和隐藏html div框以通过单击文本等来显示隐藏的内容。

在这种情况下，我希望有一个隐藏的框填充登录信息，而ahref链接将指示登录框出现或消失，并且知道这可以轻松地将其应用于注册区域。

我想知道如何做这个或弹出框的东西。

这是我到目前为止所做的： 任何人都可以帮我解决这个问题。我似乎无法让它发挥作用。

切换是

<a href="#" onclick="showStuff('signup'); return false;"> Login</a>

显示内容

<div class="signup" style="display: none;">
<p> test </p>
</div> 

Javascript是          function showStuff（signup）{         document.getElementById（'signup'）。style.display ='block';     }     

为什么这不起作用

Answer 1

看起来你的代码的问题是你的div有一个类作为'注册'而不是id。 尝试：

<div id="signup" style="display: none;">
<p> test </p>
</div> 

请参阅此jsfiddle以获取有关函数如何工作的其他修复的工作示例。 http://jsfiddle.net/aUQ6B/

原始答案：

请参阅：javascript hide/show element

要注意的代码如下：

document.getElementById('myid').style.display 

将此设置为'none'会隐藏元素 将其设置为“阻止”，“内联”或任何原始值都将显示该元素。