div, вызываемый show (), исчез в следующую секунду

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

Вам нужно запретить обработку кликов по умолчанию в ссылке, чтобы она не обрабатывала ссылку в ссылке и не перезагружала страницу.в 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.