Href（跳转到同一页面中的位置）不能与显示隐藏的 div 结合使用答案

【问题标题】：Href (jumping to location in the same page) is not working in conjuction with showing a hidden divHref（跳转到同一页面中的位置）不能与显示隐藏的 div 结合使用
【发布时间】：2016-05-25 21:22:27
【问题描述】：

我正在制作一个文本按钮，该按钮使用页面中某处的 java 脚本打开隐藏的 div，但也使用 href 跳转到某个位置。隐藏 div 的打开工作正常，但跳转到某个位置不起作用。我通过简单的测试按钮检查了#footers 是否正常工作。

这里是html代码：

<a href="#footers" class="class1" 
    onClick="showHide('footers'); return false; location.href='#footers'" 
    title="Klik hier voor meer informatie">
    Meer info
</a>

这是 Java 脚本（以防万一）：

<script language="javascript" type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

【问题讨论】：

return false 阻止导航到链接的默认操作；这也适用于 anchors。

标签： html onclick href

【解决方案1】：

从您的点击处理程序中删除 return false。

Fiddle

【讨论】：