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

我已经有一段时间没有使用Javascript了，我几乎忘记了这一切，但我希望有人提醒我如何显示和隐藏html div框，通过单击文本等来显示隐藏的内容

在这种情况下，我希望有一个隐藏的框内填写登录信息，而ahref链接将是指示灯，告诉登录框出现或消失，通过了解这一点，我可以很容易地将其应用到注册区域

我想知道如何做这个或弹出框之类的事情

这就是我到目前为止所做的： 现在谁能帮我一下吗。我似乎无法让它工作

切换是

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

显示内容

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

试验

Javascript是 功能展示（注册）{ document.getElementById（'signup'）.style.display='block'； }

---

为什么这不起作用

看起来代码的问题在于div的类是“signup”而不是id。 尝试：

将其设置为“无”将隐藏该元素。

---

将其设置为“block”、“inline”或任何原始值都将显示该元素。

document.getElementById（'element-id'）。style.display='none'

和

document.getElementById（'element-id'）.style.display='block | inline | etc'我添加的更多信息的可能重复项。。
<div id="signup" style="display: none;">
<p> test </p>
</div> 

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