Javascript 如何在单击链接之前隐藏元素？

我试图让“会见我们的一些员工”部分只显示一次文本“会见我们的一些员工”点击。我使用的代码在单击“会见我们的一些员工”时将其隐藏，但无法确定如何将其反转到页面加载时已隐藏的位置，然后在单击“会见我们的一些员工”时显示

脚本：

<script type="text/javascript">
function hideshow(which){
if (!document.getElementById)
return
if (which.style.display="block")
which.style.display="none"
else
which.style.display="block"
}
</script>

函数隐藏（which）{
如果（！document.getElementById）
返回
if（which.style.display=“block”）
which.style.display=“无”
其他的
which.style.display=“block”
}

HTML:

加载页面时，使用CSS隐藏元素

<div id="staff" style="display: none;">

这将隐藏div，直到用户单击链接

---

编辑：使用您的代码查看工作示例

关于要隐藏的内容应用CSS规则

显示：无

。然后在Javascript中

document.getElementsByTagName("a")[0].addEventListener("click",function(e)
{
    document.getElementById("staff").style.display="block";
    e.preventDefault()
});

检查

-重新格式化的HTML/JS

改变

if (which.style.display="block")

到

如果未在CSS中设置

display:none

，请使用此选项

if (!which.style.display || which.style.display == "block")

---

使用CSS将显示设置为无。仅供参考：是一个需要1个参数的函数。

if (which.style.display == "block")

if (!which.style.display || which.style.display == "block")