如何在点击href=#链接时停止页面加载？

Question

我有超过20 questions.it的FAQ页面，因为当我点击任何问题时，它会显示答案，当我再次点击问题时，它隐藏了答案。我使用了javascript来显示/隐藏这个部门。

<script>
function showHideDiv(id){
var obj = document.getElementById(id);
if (obj.style.display=="none"){
  obj.style.display='block';
} else if(obj.style.display=="block"){
  obj.style.display='none';
}
}
</script>

这是html代码，

<h5><a href="#" onclick="showHideDiv('div-7')">Question No.7</a></h5>
    <div id="div-7" style="display:none;">Answer No.7</div><br>

    <h5><a href="#" onclick="showHideDiv('div-8')">Question No.8</a></h5>
    <div id="div-8" style="display:none;">Answer No.8</div><br>

现在的问题是，当我单击问题1到5时，它工作得很好，但是当我向下滚动页面并单击问题7至22时，由于href属性中的"#“，页面重新加载并回滚到顶部，而不是显示打开的answer.so，我希望类似于页面的内容不应该刷新，而是应该停留在单击的任何问题上。

Answer 1

您需要点击return false。

<h5><a href="#" onclick="showHideDiv('div-7'); return false;">Question No.7</a></h5>

或

<h5><a href="#" onclick="return showHideDiv('div-7')">Question No.7</a></h5>

和return false in showHideDiv