Question

我正在努力让“满足我们的员工”部分只显示一次文本＆＃34;与我们的员工见面＃34;点击。我已经使用了代码来隐藏这个部分，当我们和我们的员工见面时＃34;单击，但无法弄清楚如何将其反转到页面加载时已隐藏的位置，然后出现在＆＃34; Meet Some Some of Our Staff＆＃34;点击。

脚本：

<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>

HTML：

<div class="content3">
<div class="title2">
<h1><center><a href="javascript:hideshow(document.getElementById('staff'))">Meet Some
of Our Staff</a></center></h1>
</div>

<div id="staff">
<center>
<ul>

<a href="http://www.instituteforcreativelearners.org/" 
onclick="centeredPopup(this.href,'myWindow','500','300','yes');return false">
<li>
<img src="images/kami.jpg" alt="...">
<br />
<p><span class="stafftitle">Kami Barron</span> <br /> <span  
class="staffsubtitle">Director of Education</span></p>
</li>
</a>

</ul>
</center>
</div>
</div>

Answer 1

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

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

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

修改：使用您的代码查看this JSFiddle了解工作示例

Answer 2

根据您要隐藏的内容，应用CSS规则display:none。然后在Javascript中，

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

Answer 3

检查

Sample - 重新格式化HTML / JS

更改

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

到

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

如果您未在CSS中设置display:none，请使用此

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

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

3 个答案: