我有20多个问题的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属性中的“＃”，页面重新加载并滚动回到顶部，而不是显示打开的答案。所以我希望页面不刷新，但无论单击哪个问题，都应保留。
您需要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在showHideDiv
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句