show（）调用的div在下一秒消失了

Question

当我点击想要显示的div时，它只是在一秒钟内显示然后消失了。 如何让它在页面上显示？

这是代码

<div class="circle0">
<h4><a href="" id="show_1">sketch & drawing</a></h4>
</div>

<div class="sec_down" style="display: none;">
<h1>{Mask}</h1>
</div>

<script>
    $("#show_1").click(function () {
    $(".sec_down").show();
    });
</script>

Answer 1

您需要阻止链接中的默认点击处理，以便它不会处理链接中的href并重新加载页面。在jQuery中，您可以通过向点击处理程序添加return(false)来实现这一点：

<div class="circle0">
<h4><a href="" id="show_1">sketch & drawing</a></h4>
</div>

<div class="sec_down" style="display: none;">
<h1>{Mask}</h1>
</div>

<script>
    $("#show_1").click(function () {
        $(".sec_down").show();
        return(false);   // prevent default handling of the click
    });
</script>

Answer 2

将href=""更改为href="#"或使用return false打破链接的默认操作。